tiny bug fix to if successfully loaded a user

This commit is contained in:
Me
2023-01-17 18:32:03 +01:00
parent 715fce65af
commit 88188d397f
2 changed files with 3 additions and 9 deletions

View File

@@ -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>

View File

@@ -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;