From 15781e6ea4d5f4a023ecb094184c336b29d3a6d1 Mon Sep 17 00:00:00 2001
From: Tagaishi <tagaishi@hotmail.ch>
Date: Thu, 27 Jul 2023 03:14:46 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Hide=20Icon=20option?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/widgets/bookmark/BookmarkWidgetTile.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/widgets/bookmark/BookmarkWidgetTile.tsx b/src/widgets/bookmark/BookmarkWidgetTile.tsx
index cc062e0d1..13a046ed4 100644
--- a/src/widgets/bookmark/BookmarkWidgetTile.tsx
+++ b/src/widgets/bookmark/BookmarkWidgetTile.tsx
@@ -44,6 +44,7 @@ interface BookmarkItem {
   iconUrl: string;
   openNewTab: boolean;
   hideHostname: boolean;
+  hideIcon: boolean;
 }
 
 const definition = defineWidget({
@@ -68,6 +69,7 @@ const definition = defineWidget({
           iconUrl: '/imgs/logo/logo.png',
           openNewTab: false,
           hideHostname: false,
+          hideIcon: false,
         };
       },
       itemComponent({ data, onChange, delete: deleteData }) {
@@ -145,6 +147,11 @@ const definition = defineWidget({
                 label="Hide Hostname"
                 checked={form.values.hideHostname}
               />
+              <Switch
+                {...form.getInputProps('hideIcon')}
+                label="Hide Icon"
+                checked={form.values.hideIcon}
+              />
               <Button
                 onClick={() => deleteData()}
                 leftIcon={<IconTrash size="1rem" />}
@@ -318,7 +325,7 @@ const BookmarkItemContent = ({ item }: { item: BookmarkItem }) => {
   const { colorScheme } = useMantineTheme();
   return (
   <Group spacing="0rem 1rem">
-    <Image src={item.iconUrl} width={47} height={47} fit="contain" withPlaceholder />
+    <Image hidden={item.hideIcon} src={item.iconUrl} width={47} height={47} fit="contain" withPlaceholder />
     <Stack spacing={0}>
       <Text size="md">{item.name}</Text>
       <Text