From 4ab51f1eb7d140ff259353aee8d6dde5f1f4b42d Mon Sep 17 00:00:00 2001
From: Anthony <yihonganthony@gmail.com>
Date: Tue, 17 Aug 2021 21:48:23 -0500
Subject: [PATCH] Updated data model to count total players for user

---
 .../components/profile/profile.component.html | 20 ++++++++++++-------
 .../components/profile/profile.component.ts   |  8 +++++---
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/application/src/app/components/profile/profile.component.html b/application/src/app/components/profile/profile.component.html
index 30700df..46e99c3 100644
--- a/application/src/app/components/profile/profile.component.html
+++ b/application/src/app/components/profile/profile.component.html
@@ -159,25 +159,31 @@ <h3>The Organiser</h3>
           </div>
         </div>
       </div>
-      <!--<div class="profile-badges">
+      <div class="profile-badges">
         <img
           class="profile-badge-icon"
           src="{{
-            PLAYERS_KEY[getAchievedBadge(totalPlayers, PLAYERS_KEY).toString()]
+            PLAYERS_KEY[
+              getAchievedBadge(
+                totalPlayers + pastPlayers,
+                PLAYERS_KEY
+              ).toString()
+            ]
           }}"
         />
         <div>
           <h3>Popular</h3>
           <p>
-            Get {{ getAchievedBadge(totalPlayers, PLAYERS_KEY) }} friends to
-            play your challenges.
+            Get
+            {{ getAchievedBadge(totalPlayers + pastPlayers, PLAYERS_KEY) }}
+            friends to play your challenges.
           </p>
           <div *ngIf="displayProfile">
-            Next Badge: {{ totalPlayers }} /
-            {{ getNextBadge(totalPlayers, PLAYERS_KEY) }}
+            Next Badge: {{ totalPlayers + pastPlayers }} /
+            {{ getNextBadge(totalPlayers + pastPlayers, PLAYERS_KEY) }}
           </div>
         </div>
-      </div>-->
+      </div>
     </div>
     <div
       *ngIf="!isLoading && currTab == 'challenge'"
diff --git a/application/src/app/components/profile/profile.component.ts b/application/src/app/components/profile/profile.component.ts
index c079c90..092a787 100644
--- a/application/src/app/components/profile/profile.component.ts
+++ b/application/src/app/components/profile/profile.component.ts
@@ -53,6 +53,7 @@ export class ProfileComponent implements OnInit {
   user: any;
   isLoading = true;
   totalPlayers = 0;
+  pastPlayers = 0;
   selectedChallenge: string;
   displayProfile = false;
 
@@ -72,10 +73,10 @@ export class ProfileComponent implements OnInit {
       if (usernameParam) {
         this.username = usernameParam;
 
-        this.titleTagService.setTitle(`${this.username} - Whisperify`);
+        this.titleTagService.setTitle('View User - Whisperify');
         this.titleTagService.setSocialMediaTags(
-          `${this.username} - Whisperify`,
-          `User quiz statistics and created challenges for ${this.username} on Whisperify.`
+          'View User - Whisperify',
+          'User quiz statistics and created challenges. '
         );
       } else {
         this.username = sessionStorage.getItem('username') || '';
@@ -95,6 +96,7 @@ export class ProfileComponent implements OnInit {
         this.isLoading = false;
         this.user = res;
         this.displayname = res.name;
+        this.pastPlayers = res.challengePlayers || 0;
       });
     }
   }