From d448083cec339817ebbb98b852cb73b13916ba7b Mon Sep 17 00:00:00 2001
From: Spencer Ofwiti <maxspencer56@gmail.com>
Date: Wed, 25 Nov 2020 10:11:20 +0300
Subject: [PATCH] Add links to sidebar.

---
 .../menu-selection.directive.spec.ts          | 10 +++++-
 .../_directives/menu-toggle.directive.spec.ts |  5 ++-
 src/app/shared/shared.module.ts               | 10 +++---
 src/app/shared/sidebar/sidebar.component.html | 32 +++++++++++++++++--
 4 files changed, 48 insertions(+), 9 deletions(-)

diff --git a/src/app/shared/_directives/menu-selection.directive.spec.ts b/src/app/shared/_directives/menu-selection.directive.spec.ts
index b0b0f46..7f5869e 100644
--- a/src/app/shared/_directives/menu-selection.directive.spec.ts
+++ b/src/app/shared/_directives/menu-selection.directive.spec.ts
@@ -1,8 +1,16 @@
 import { MenuSelectionDirective } from './menu-selection.directive';
+import {ElementRef, Renderer2} from '@angular/core';
 
 describe('MenuSelectionDirective', () => {
+  let elementRef: ElementRef;
+  let renderer: Renderer2;
+
+  beforeEach(() => {
+    // renderer = new
+  });
+
   it('should create an instance', () => {
-    const directive = new MenuSelectionDirective();
+    const directive = new MenuSelectionDirective(elementRef, renderer);
     expect(directive).toBeTruthy();
   });
 });
diff --git a/src/app/shared/_directives/menu-toggle.directive.spec.ts b/src/app/shared/_directives/menu-toggle.directive.spec.ts
index 5ba9d7b..719ebcc 100644
--- a/src/app/shared/_directives/menu-toggle.directive.spec.ts
+++ b/src/app/shared/_directives/menu-toggle.directive.spec.ts
@@ -1,8 +1,11 @@
 import { MenuToggleDirective } from './menu-toggle.directive';
+import {ElementRef, Renderer2} from '@angular/core';
 
 describe('MenuToggleDirective', () => {
+  let elementRef: ElementRef;
+  let renderer: Renderer2;
   it('should create an instance', () => {
-    const directive = new MenuToggleDirective();
+    const directive = new MenuToggleDirective(elementRef, renderer);
     expect(directive).toBeTruthy();
   });
 });
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index 9f899da..a678b3c 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -6,6 +6,7 @@ import { SidebarComponent } from './sidebar/sidebar.component';
 import { MenuSelectionDirective } from './_directives/menu-selection.directive';
 import { MenuToggleDirective } from './_directives/menu-toggle.directive';
 import {RouterModule} from '@angular/router';
+import {MatIconModule} from '@angular/material/icon';
 
 
 
@@ -23,9 +24,10 @@ import {RouterModule} from '@angular/router';
     SidebarComponent,
     MenuSelectionDirective
   ],
-  imports: [
-    CommonModule,
-    RouterModule
-  ]
+    imports: [
+        CommonModule,
+        RouterModule,
+        MatIconModule
+    ]
 })
 export class SharedModule { }
diff --git a/src/app/shared/sidebar/sidebar.component.html b/src/app/shared/sidebar/sidebar.component.html
index 067bab9..9b14ae6 100644
--- a/src/app/shared/sidebar/sidebar.component.html
+++ b/src/app/shared/sidebar/sidebar.component.html
@@ -3,8 +3,10 @@
   <nav>
 
     <div class="sidebar-header">
-      <h3>CIC - Staff Client</h3>
-      <strong>CIC</strong>
+      <h3>
+        <img width="200px" src="assets/images/CIC-Logo-white.png" alt="CIC Admin Dashboard">
+      </h3>
+      <strong>CICADA</strong>
     </div>
 
     <ul class="list-unstyled components">
@@ -14,12 +16,36 @@
           <span> Dashboard </span>
         </a>
       </li>
+      <li>
+        <a routerLink="/accounts" routerLinkActive="active" appMenuSelection>
+          <i class="fa fa-users"></i>
+          <span> Accounts </span>
+        </a>
+      </li>
       <li>
         <a routerLink="/tx" routerLinkActive="active" appMenuSelection>
-          <i class="fa fa-briefcase"></i>
+          <i class="fa fa-exchange"></i>
           <span> Transactions </span>
         </a>
       </li>
+      <li>
+        <a routerLink="/tokens" routerLinkActive="active" appMenuSelection>
+          <i class="fa fa-money"></i>
+          <span> Tokens </span>
+        </a>
+      </li>
+      <li>
+        <a routerLink="/settings" routerLinkActive="active" appMenuSelection>
+          <i class="fa fa-cog"></i>
+          <span> Settings </span>
+        </a>
+      </li>
+      <li>
+        <a routerLink="/admin" routerLinkActive="active" appMenuSelection>
+          <i class="fa fa-user-secret"></i>
+          <span> Admin </span>
+        </a>
+      </li>
     </ul>
   </nav>
 </div>