Added basic sub pages

src/app/app-routing.module.ts

@@ -14,7 +14,7 @@ const routes: Routes = [
         {
             path: '', pathMatch: 'full', redirectTo: 'graph'
         }, {
-            path: 'graph', component: GraphComponent
+            path: 'analytics', component: GraphComponent
         }, {
             path: 'partners', component: TableComponent
         }, {

src/app/dashboard/dashboard.component.html

@@ -5,7 +5,7 @@
         </figure>
         
         <nav>
-            <a [ngClass]="{'active' : currentURL.includes('graph')}" [routerLink]="'graph'"> <span> Dashboard </span> </a>
+            <a [ngClass]="{'active' : currentURL.includes('analytics')}" [routerLink]="'analytics'"> <span> Dashboard </span> </a>
             <a [ngClass]="{'active' : currentURL.includes('partners')}" [routerLink]="'partners'"> <span> All Partners </span> </a>
             <a [ngClass]="{'active' : currentURL.includes('report')}" [routerLink]="'report'"> <span> Report </span> </a>
             <a [ngClass]="{'active' : currentURL.includes('settings')}" [routerLink]="'settings'"> <span> Settings </span> </a>

src/app/dashboard/dashboard.component.scss

@@ -51,6 +51,10 @@ $sidebar-width: 240px;
         position: relative;
         overflow: hidden;
 
+        &:last-child {
+            justify-self: flex-end;
+        }
+
         &:hover {
             color: white;
         }

src/app/dashboard/graph/graph.component.html

@@ -1 +1,11 @@
-<p>graph works!</p>
+<div class="subpage">
+    <header>
+        <h2> Dashboard </h2>
+    </header>
+
+    <section class="analytics">
+        <div class="card">
+            <div class="line-chart"></div>
+        </div>
+    </section>
+</div>

src/styles.scss

@@ -98,4 +98,8 @@
             }
         }
     }
+}
+
+.subpage {
+    padding: 20px;
 }