From 41b95b7f0da3108ce7e48d0af7b437898ae47d91 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 27 Jan 2023 09:30:52 -0800
Subject: image previews

---
 src/components/AppHeader.svelte | 4 ++--
 src/components/Avatar.svelte    | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'src/components')

diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 59537ffa..8d64e713 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -1,6 +1,6 @@
 <script>
 	import OutClick from 'svelte-outclick';
-	import { newPayment, colorTheme } from '$lib/store';
+	import { banner, newPayment, colorTheme } from '$lib/store';
 	import { goto } from '$app/navigation';
 	import { Avatar, Icon } from '$comp';
 	import { t } from '$lib/translations';
@@ -23,7 +23,7 @@
 
 	let showMenu = false;
 
-	$: bg = subject?.banner ? `url(/api/public/${subject.id}-banner.webp)` : undefined;
+  $: bg = $banner?.id === subject.id ? `url(${$banner.src})` : subject?.banner ? `url(/api/public/${subject.id}-banner.webp)` : undefined;
 	$: $page && (showMenu = false);
 </script>
 
diff --git a/src/components/Avatar.svelte b/src/components/Avatar.svelte
index 09161e01..43331c19 100644
--- a/src/components/Avatar.svelte
+++ b/src/components/Avatar.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { colorTheme } from '$lib/store';
+	import { avatar, banner, colorTheme } from '$lib/store';
 	import { Icon } from '$comp';
 	import { punk } from '$lib/utils';
 
@@ -10,9 +10,9 @@
 	$: s = size.toString();
 	$: link = user.anon ? `/${user.pubkey}` : `/${user.username}`;
 
-	$: src =
+	$: src = ($avatar?.id === user.id && $avatar.src) || 
 		'/api/public/' +
-		(user?.profile ? user.id + '-profile.webp' : 'punks/' + punk(user?.pubkey || user?.id || 'aa'));
+		(user.profile ? user.id + '-profile.webp' : 'punks/' + punk(user.pubkey || user.id || 'aa'));
 </script>
 
 <a href={link} class:pointer-events-none={disabled}>
-- 
cgit v1.2.3