From 88188d397f0118a54d0a6724060768bc5acc37bf Mon Sep 17 00:00:00 2001
From: Me <me@Philip.local>
Date: Tue, 17 Jan 2023 18:32:03 +0100
Subject: [PATCH] tiny bug fix to if successfully loaded a user

---
 .../api_front/src/pages/profile/ProfileUsers.svelte       | 8 --------
 .../svelte/api_front/src/pieces/DisplayAUser.svelte       | 4 +++-
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/srcs/requirements/svelte/api_front/src/pages/profile/ProfileUsers.svelte b/srcs/requirements/svelte/api_front/src/pages/profile/ProfileUsers.svelte
index 34a8a6cb..bbb5b9af 100644
--- a/srcs/requirements/svelte/api_front/src/pages/profile/ProfileUsers.svelte
+++ b/srcs/requirements/svelte/api_front/src/pages/profile/ProfileUsers.svelte
@@ -333,22 +333,14 @@
       {#if Object.keys(allUsers).length === 0}
         <div class="tip">You are alone on this platform...</div>
       {/if}
-      <!-- does this work? -->
-      <!-- {#each allUsers as aUser (aUser.username)} -->
-      <!-- {#each allUsers as aUser (aUser.id)} -->
       {#each allUsers as aUser}
 				<div class="user" on:click={() => viewAUser(aUser.username)}>
-					<!-- <div class="sidebar-item"></div> -->
-					<!-- <img class="avatar" src="{avatar}" alt="user avatar"> -->
 					{#await fetchAvatar(aUser.username) then avatar}
 						<img class="avatar sidebar-item" src="{avatar}" alt="user avatar">
 					{:catch error}
 						<p>Avatar was unable to load</p>
 					{/await}
 					<div class="sidebar-item">{aUser.username}</div>
-					<!-- i could make an indicator component? like green for connected or something?
-					i could use words but color them?
-					i could make it so if they're in a game  -->
 					<div class="status sidebar-item">{aUser.status}</div>
 				</div>
         <br>
diff --git a/srcs/requirements/svelte/api_front/src/pieces/DisplayAUser.svelte b/srcs/requirements/svelte/api_front/src/pieces/DisplayAUser.svelte
index bb728bd7..e2729788 100644
--- a/srcs/requirements/svelte/api_front/src/pieces/DisplayAUser.svelte
+++ b/srcs/requirements/svelte/api_front/src/pieces/DisplayAUser.svelte
@@ -9,17 +9,19 @@
   let aUser;
 
 	onMount( async() => {
+    loaded = false;
 		aUser = await fetchUser(aUsername);
 	})
 
   const updateUser = async(aUsername) => {
+    loaded = false;
     aUser = await fetchUser(aUsername);
   };
 
 	$: aUsername, updateUser(aUsername);
 
   $: {
-    if (aUser === undefined)
+    if (!aUser)
       loaded = false;
     else 
       loaded = true;