feat: added basic homepage

packages/admin/package.json

@@ -71,4 +71,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

packages/admin/src/components/pages/Admin/Home/PageHome.ts

@@ -0,0 +1,28 @@
+import { customElement, html, LitElement, property } from 'lit-element';
+import { connect } from 'pwa-helpers/connect-mixin';
+import { titleSet } from '../../../../lib/decorators/titleSet';
+import { Me, State, store } from '../../../../store/store';
+import CSS from './page-home-css';
+
+@customElement('page-home')
+export class PageHome extends titleSet('Home')(connect(store)(LitElement)) {
+
+  public static styles = [CSS];
+
+  @property()
+  public me?: Me;
+
+  public render() {
+    return html`${this.me ? html`<h2>Welcome back, ${this.me.fname}</h2>` : null}`;
+  }
+
+  public stateChanged(s: State) {
+    this.me = s.Me;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'page-home': PageHome;
+  }
+}

packages/admin/src/components/pages/Admin/Home/page-home-css.ts

@@ -0,0 +1,4 @@
+import {css} from 'lit-element';
+// tslint:disable-next-line no-default-export export-name
+export default css`:host{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;padding:var(--size-small);padding-top:0}:host h2{font-size:var(--font-size-super);font-weight:100;margin-top:0}
+`;

packages/admin/src/components/pages/Admin/Home/page-home.scss

@@ -0,0 +1,18 @@
+@import 'zen-css/import';
+
+:host {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow-y: auto;
+  padding: var(--size-small);
+  padding-top: 0;
+
+  h2 {
+    font-size: var(--font-size-super);
+    font-weight: 100;
+    margin-top: 0;
+  }
+}

packages/admin/src/components/pages/Admin/PageAdmin.ts

@@ -11,6 +11,7 @@ interface PageAdminProps {
   _appSelectorOpen: boolean;
 }
 
+export * from './Home/PageHome';
 export * from './App/PageApp';
 export * from './Users/PageUsers';
 export * from './Media/PageMedia';
@@ -42,7 +43,7 @@ export class PageAdmin extends connect(store)(LitElement) implements PageAdminPr
     { path: '/users/(.*)', element: 'page-users' },
     { path: '/media/(.*)', element: 'page-media' },
     // { path: '/settings/(.*)', element: 'page-settings' },
-    { path: '/', element: 'page-dashboard', exact: true }
+    { path: '/', element: 'page-home', exact: true }
   ];
 
   @property()

packages/plugin-social-login/package.json

@@ -20,4 +20,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}