From fb63dbd142586ccec7b8640c421ba508e8fd648e Mon Sep 17 00:00:00 2001
From: Christopher Fullarton <christopher@fullarton.eu>
Date: Fri, 29 Nov 2019 07:56:56 +0100
Subject: [PATCH] Fixes styling bugs and removes the nickname in the home
 component during quiz cleanup

---
 src/app/root/home/home.component.ts                      | 1 +
 src/app/root/login/login.component.html                  | 6 +++---
 src/app/root/login/login.component.scss                  | 3 +--
 .../service/api/leaderboard/leaderboard-api.service.ts   | 9 ++-------
 4 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/app/root/home/home.component.ts b/src/app/root/home/home.component.ts
index 6af594fc..0f41bfc8 100644
--- a/src/app/root/home/home.component.ts
+++ b/src/app/root/home/home.component.ts
@@ -503,6 +503,7 @@ export class HomeComponent implements OnInit, OnDestroy {
     this.connectionService.cleanUp();
     sessionStorage.removeItem(StorageKey.CurrentQuizName);
     sessionStorage.removeItem(StorageKey.CurrentNickName);
+    sessionStorage.removeItem(StorageKey.QuizToken);
     if (isPlatformBrowser(this.platformId)) {
       this.storageService.db.Config.delete(StorageKey.QuizTheme);
     }
diff --git a/src/app/root/login/login.component.html b/src/app/root/login/login.component.html
index b441c24d..b8be68fa 100644
--- a/src/app/root/login/login.component.html
+++ b/src/app/root/login/login.component.html
@@ -2,12 +2,12 @@
   <h4 class="text-center mb-5 mt-sm-5">{{'component.login.title' | translate}}</h4>
 
   <div *ngIf="hasUsernamePasswordLogin"
-       class="input-group input-group-sm">
+       class="input-group">
 
     <input (keydown.enter)="login()"
            [(ngModel)]="username"
            [placeholder]="'component.login.username' | translate"
-           class="form-control"
+           class="form-control my-2 my-sm-0"
            name="username"
            type="text"/>
 
@@ -32,7 +32,7 @@
     <h6 *ngIf="hasMultipleLoginMethods"
         class="mt-5">{{'component.login.login-via-token' | translate}}</h6>
 
-    <div class="input-group input-group-sm">
+    <div class="input-group">
 
       <input (keydown.enter)="login()"
              [(ngModel)]="token"
diff --git a/src/app/root/login/login.component.scss b/src/app/root/login/login.component.scss
index 7ab6237b..1e0262fd 100644
--- a/src/app/root/login/login.component.scss
+++ b/src/app/root/login/login.component.scss
@@ -17,8 +17,7 @@
     button,
     input[type="text"],
     input[type="password"] {
-      border-radius: 0.25rem;
       width: 100%;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/app/service/api/leaderboard/leaderboard-api.service.ts b/src/app/service/api/leaderboard/leaderboard-api.service.ts
index 10e226ff..8af04695 100644
--- a/src/app/service/api/leaderboard/leaderboard-api.service.ts
+++ b/src/app/service/api/leaderboard/leaderboard-api.service.ts
@@ -17,12 +17,7 @@ export class LeaderboardApiService {
   }
 
   public getLeaderboardData(quizName: string, amount: number, questionIndex?: number): Observable<IMessage> {
-    const headers: { [key: string]: string } = {};
-    if (sessionStorage.getItem(StorageKey.QuizToken)) {
-      headers.authorization = sessionStorage.getItem(StorageKey.QuizToken);
-    } else {
-      headers.authorization = sessionStorage.getItem(StorageKey.PrivateKey);
-    }
-    return this.http.get<IMessage>(this.LEADERBOARD_GET_DATA_URL(quizName, amount, questionIndex), { headers });
+    return this.http.get<IMessage>(this.LEADERBOARD_GET_DATA_URL(quizName, amount, questionIndex),
+      { headers: { authorization: sessionStorage.getItem(StorageKey.QuizToken) || sessionStorage.getItem(StorageKey.PrivateKey) } });
   }
 }
-- 
GitLab