KevinMidboe/immich
1
0
Fork 0
mirror of https://github.com/KevinMidboe/immich.git synced 2025-10-29 17:40:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): user profile 404 (#1800)

Browse Source
This commit is contained in:
Jason Rasmussen
2023-02-19 23:56:02 -05:00
committed by GitHub
parent 824409351e
commit 83a2669ff5
2 changed files with 35 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/lib/components/shared-components/navigation-bar/account-info-panel.svelte
View File

@@ -16,7 +16,10 @@
};
const getUserProfileImage = async () => {
return await api.userApi.getProfileImage(user.id);
if (!user.profileImagePath) {
return null;
}
return api.userApi.getProfileImage(user.id).catch(() => null);
};
</script>
@@ -32,18 +35,20 @@
<button
class="flex place-items-center place-content-center rounded-full bg-immich-primary dark:bg-immich-dark-primary dark:immich-dark-primary/80 h-20 w-20 text-gray-100 hover:bg-immich-primary dark:text-immich-dark-bg"
>
{#await getUserProfileImage() then}
<img
transition:fade={{ duration: 100 }}
src={`${$page.url.origin}/api/user/profile-image/${user.id}`}
alt="profile-img"
class="inline rounded-full h-20 w-20 object-cover shadow-md"
draggable="false"
/>
{:catch}
<div transition:fade={{ duration: 200 }} class="text-lg">
{getFirstLetter(user.firstName)}{getFirstLetter(user.lastName)}
</div>
{#await getUserProfileImage() then hasProfileImage}
{#if hasProfileImage}
<img
transition:fade={{ duration: 100 }}
src={`${$page.url.origin}/api/user/profile-image/${user.id}`}
alt="profile-img"
class="inline rounded-full h-20 w-20 object-cover shadow-md"
draggable="false"
/>
{:else}
<div transition:fade={{ duration: 200 }} class="text-lg">
{getFirstLetter(user.firstName)}{getFirstLetter(user.lastName)}
</div>
{/if}
{/await}
</button>
</div>