💄 Hide Icon option

This commit is contained in:
Tagaishi
2023-07-27 03:14:46 +02:00
parent 44ed1f3e4f
commit 15781e6ea4

View File

@@ -44,6 +44,7 @@ interface BookmarkItem {
iconUrl: string; iconUrl: string;
openNewTab: boolean; openNewTab: boolean;
hideHostname: boolean; hideHostname: boolean;
hideIcon: boolean;
} }
const definition = defineWidget({ const definition = defineWidget({
@@ -68,6 +69,7 @@ const definition = defineWidget({
iconUrl: '/imgs/logo/logo.png', iconUrl: '/imgs/logo/logo.png',
openNewTab: false, openNewTab: false,
hideHostname: false, hideHostname: false,
hideIcon: false,
}; };
}, },
itemComponent({ data, onChange, delete: deleteData }) { itemComponent({ data, onChange, delete: deleteData }) {
@@ -145,6 +147,11 @@ const definition = defineWidget({
label="Hide Hostname" label="Hide Hostname"
checked={form.values.hideHostname} checked={form.values.hideHostname}
/> />
<Switch
{...form.getInputProps('hideIcon')}
label="Hide Icon"
checked={form.values.hideIcon}
/>
<Button <Button
onClick={() => deleteData()} onClick={() => deleteData()}
leftIcon={<IconTrash size="1rem" />} leftIcon={<IconTrash size="1rem" />}
@@ -318,7 +325,7 @@ const BookmarkItemContent = ({ item }: { item: BookmarkItem }) => {
const { colorScheme } = useMantineTheme(); const { colorScheme } = useMantineTheme();
return ( return (
<Group spacing="0rem 1rem"> <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}> <Stack spacing={0}>
<Text size="md">{item.name}</Text> <Text size="md">{item.name}</Text>
<Text <Text