From ae3ef68f5ad8eceddb2db88b41021fadbf4cb919 Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Tue, 13 Sep 2022 19:48:48 -0600
Subject: banner and avatar upload refactoring

---
 src/components/AppHeader.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/components')

diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 35e6f250..8b10f19e 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -1,6 +1,6 @@
 <script>
 	import OutClick from 'svelte-outclick';
-	import { user, newPayment, colorTheme } from '$lib/store';
+	import { user, newPayment, colorTheme, tempProfileFiles } from '$lib/store';
 	import { goto } from '$app/navigation';
 	import { Icon } from '$comp';
 	import { t } from '$lib/translations';
@@ -25,7 +25,7 @@
 		}
 	};
 
-	$: background = $user?.banner ? `url(/api/public/${$user.username}-banner.png)` : undefined;
+	$: background = $tempProfileFiles && $tempProfileFiles.banner ? `url(${$tempProfileFiles.banner})` : $user?.banner ? `url(/api/public/${$user.username}-banner.png)` : undefined;
 </script>
 
 <header class="bg-gradient-to-r {$colorTheme} h-[175px] w-full relative" style:background>
@@ -94,7 +94,7 @@
 	{#if $user.profile}
 		<div class="absolute top-[calc(175px-48px)] {avatarPosition} rounded-full overflow-hidden text-center w-24 h-24 my-auto">
 			<img
-				src={`/api/public/${$user.username}-profile.png`}
+				src={$tempProfileFiles && $tempProfileFiles.profile ? $tempProfileFiles.profile : `/api/public/${$user.username}-profile.png`}
 				class="absolute w-full h-full object-cover object-center visible overflow-hidden"
 			/>
 		</div>
-- 
cgit v1.2.3