From cfe558cccf11aa2502cc02d1137571a27986fe6d Mon Sep 17 00:00:00 2001
From: Spencer Ofwiti <maxspencer56@gmail.com>
Date: Wed, 26 May 2021 13:06:18 +0300
Subject: [PATCH] Move online status tracker to sidebar.

---
 src/app/app.component.html                    |  1 -
 src/app/auth/auth.component.html              |  3 ++-
 src/app/auth/auth.module.ts                   | 22 ++++++++++---------
 .../network-status.component.html             |  2 +-
 src/app/shared/sidebar/sidebar.component.html |  1 +
 src/styles.scss                               |  4 ++--
 6 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 83fd567..f17c3b3 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,2 +1 @@
-<app-network-status></app-network-status>
 <router-outlet (activate)="onResize(mediaQuery)"></router-outlet>
diff --git a/src/app/auth/auth.component.html b/src/app/auth/auth.component.html
index 2355239..501293c 100644
--- a/src/app/auth/auth.component.html
+++ b/src/app/auth/auth.component.html
@@ -1,8 +1,9 @@
+<app-network-status></app-network-status>
 <div class="container">
   <div class="row justify-content-center mt-5 mb-5">
     <div class="col-lg-6 col-md-8 col-sm-10">
       <div class="card">
-        <mat-card-title class="card-header pt-4 pb-4 text-center bg-dark">
+        <mat-card-title class="card-header pt-4 pb-4 text-center background-dark">
           <a routerLink="/">
             <h1 class="text-white">CICADA</h1>
           </a>
diff --git a/src/app/auth/auth.module.ts b/src/app/auth/auth.module.ts
index 495ff88..49e9576 100644
--- a/src/app/auth/auth.module.ts
+++ b/src/app/auth/auth.module.ts
@@ -10,18 +10,20 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatInputModule } from '@angular/material/input';
 import { MatButtonModule } from '@angular/material/button';
 import { MatRippleModule } from '@angular/material/core';
+import {SharedModule} from '@app/shared/shared.module';
 
 @NgModule({
   declarations: [AuthComponent, PasswordToggleDirective],
-  imports: [
-    CommonModule,
-    AuthRoutingModule,
-    ReactiveFormsModule,
-    MatCardModule,
-    MatSelectModule,
-    MatInputModule,
-    MatButtonModule,
-    MatRippleModule,
-  ],
+    imports: [
+        CommonModule,
+        AuthRoutingModule,
+        ReactiveFormsModule,
+        MatCardModule,
+        MatSelectModule,
+        MatInputModule,
+        MatButtonModule,
+        MatRippleModule,
+        SharedModule,
+    ],
 })
 export class AuthModule {}
diff --git a/src/app/shared/network-status/network-status.component.html b/src/app/shared/network-status/network-status.component.html
index e0a1f01..1f907f7 100644
--- a/src/app/shared/network-status/network-status.component.html
+++ b/src/app/shared/network-status/network-status.component.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-dark bg-dark">
+<nav class="navbar navbar-dark background-dark">
   <h1 class="navbar-brand">
     <div *ngIf="noInternetConnection; then offlineBlock else onlineBlock"></div>
     <ng-template #offlineBlock>
diff --git a/src/app/shared/sidebar/sidebar.component.html b/src/app/shared/sidebar/sidebar.component.html
index ff4dc26..7e8353e 100644
--- a/src/app/shared/sidebar/sidebar.component.html
+++ b/src/app/shared/sidebar/sidebar.component.html
@@ -1,5 +1,6 @@
 <!-- ========== Left Sidebar Start ========== -->
 <div id="sidebar">
+  <app-network-status></app-network-status>
   <nav>
 
     <div class="sidebar-header">
diff --git a/src/styles.scss b/src/styles.scss
index 62409bf..1a4a579 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -18,8 +18,8 @@ body {
   background: #fafafa;
 }
 
-.bg-dark {
-  background: #313a46;
+.background-dark {
+  background: #313a46 !important;
 }
 
 p {