From 3659e8e316324d768d8c166ce3220ac24457d5ec Mon Sep 17 00:00:00 2001
From: Dillon Fagan <dillonfagan@pm.me>
Date: Tue, 22 Aug 2023 08:58:06 -0400
Subject: [PATCH] Hide donation button icon under 376 screen width

---
 src/lib/views/WishListButtonView.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/lib/views/WishListButtonView.svelte b/src/lib/views/WishListButtonView.svelte
index 384bc7d..7dc9cf4 100644
--- a/src/lib/views/WishListButtonView.svelte
+++ b/src/lib/views/WishListButtonView.svelte
@@ -6,16 +6,21 @@
 	import { t } from "$lib/language/translate";
 	import { wishListFilter } from "$lib/stores/catalog";
 
+  let innerWidth;
+  $: showIcon = innerWidth > 376;
+
   const toggleWishList = () => {
     $wishListFilter = !$wishListFilter;
 	};
 </script>
 
+<svelte:window bind:innerWidth />
+
 {#key $wishListFilter}
   <Button
     on:click={toggleWishList}
-    icon={EyeOffIcon}
-    selectedIcon={EyeIcon}
+    icon={showIcon ? EyeOffIcon : undefined}
+    selectedIcon={showIcon ? EyeIcon : undefined}
     theme={ButtonTheme.default}
     text={$t('Button.WishList')}
     selected={$wishListFilter}