added logo to dashboard

demo/ionic-dev/greenpeace/src/app/components/logo/logo.component.html

@@ -1 +1 @@
-<img src='assets\images\wits-logo.png' alt="University of Witwatersrand Logo">
+<img src='assets\images\wits-logo.png' alt="University of Witwatersrand Logo" style="display:block;margin-left:auto;margin-right:auto">

demo/ionic-dev/greenpeace/src/app/pages/dashboard/dashboard.module.ts

@@ -5,6 +5,7 @@ import { FormsModule } from '@angular/forms';
 import { IonicModule } from '@ionic/angular';
 
 import { DashboardPageRoutingModule } from './dashboard-routing.module';
+import { ComponentsModule } from './../../components/components.module';
 
 import { DashboardPage } from './dashboard.page';
 
@@ -13,7 +14,8 @@ import { DashboardPage } from './dashboard.page';
     CommonModule,
     FormsModule,
     IonicModule,
-    DashboardPageRoutingModule
+    DashboardPageRoutingModule,
+    ComponentsModule
   ],
   declarations: [DashboardPage]
 })

demo/ionic-dev/greenpeace/src/app/pages/dashboard/dashboard.page.html

@@ -5,6 +5,7 @@
 </ion-header>
 
 <ion-content>
+  <app-logo></app-logo>
   <ion-item>
     <h2>Hello, {{ displayUserData?.STAFF_FNAME }}.</h2>
   </ion-item>

demo/ionic-dev/greenpeace/src/app/pages/dashboard/dashboard.page.spec.ts

@@ -6,6 +6,7 @@ import { IonicModule } from '@ionic/angular';
 import { DashboardPage } from './dashboard.page';
 import { AuthService } from 'src/app/services/auth.service';
 import { BehaviorSubject } from 'rxjs';
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 describe('DashboardPage', () => {
   let component: DashboardPage;
@@ -14,6 +15,7 @@ describe('DashboardPage', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ DashboardPage ],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
       imports: [IonicModule.forRoot(), RouterTestingModule, HttpClientTestingModule],
       providers: [AuthService]
     }).compileComponents();
@@ -53,6 +55,10 @@ describe('DashboardPage', () => {
     expect(fixture.nativeElement.querySelector('h2')).toBeTruthy();
   });
 
+  it('should have at least one <app-logo>', () => {
+    expect(fixture.nativeElement.querySelector('app-logo')).toBeTruthy();
+  });
+
   it('should have at least one <ion-title> tag', () => {
     expect(fixture.nativeElement.querySelector('ion-title')).toBeTruthy();
   });