💄 Use correct icons for boards page

This commit is contained in:
Manuel
2023-08-02 18:57:05 +02:00
parent 0a64ab0c84
commit a6c273e26a
2 changed files with 7 additions and 6 deletions

View File

@@ -233,4 +233,4 @@
] ]
} }
} }
} }

View File

@@ -15,12 +15,13 @@ import {
import { useListState } from '@mantine/hooks'; import { useListState } from '@mantine/hooks';
import { modals } from '@mantine/modals'; import { modals } from '@mantine/modals';
import { import {
IconApps, IconBox,
IconCategory,
IconDeviceFloppy, IconDeviceFloppy,
IconDotsVertical, IconDotsVertical,
IconFolderFilled, IconFolderFilled,
IconPlus, IconPlus,
IconStar, IconStack,
IconStarFilled, IconStarFilled,
IconTrash, IconTrash,
} from '@tabler/icons-react'; } from '@tabler/icons-react';
@@ -105,7 +106,7 @@ const BoardsPage = () => {
<Stack spacing={3}> <Stack spacing={3}>
<Group position="apart"> <Group position="apart">
<Group spacing="xs"> <Group spacing="xs">
<IconApps opacity={0.7} size="1rem" /> <IconBox opacity={0.7} size="1rem" />
<Text color="dimmed">Apps</Text> <Text color="dimmed">Apps</Text>
</Group> </Group>
<Text>{board.countApps}</Text> <Text>{board.countApps}</Text>
@@ -113,7 +114,7 @@ const BoardsPage = () => {
<Group position="apart"> <Group position="apart">
<Group spacing="xs"> <Group spacing="xs">
<IconApps opacity={0.7} size="1rem" /> <IconStack opacity={0.7} size="1rem" />
<Text color="dimmed">Widgets</Text> <Text color="dimmed">Widgets</Text>
</Group> </Group>
<Text>{board.countWidgets}</Text> <Text>{board.countWidgets}</Text>
@@ -121,7 +122,7 @@ const BoardsPage = () => {
<Group position="apart"> <Group position="apart">
<Group spacing="xs"> <Group spacing="xs">
<IconApps opacity={0.7} size="1rem" /> <IconCategory opacity={0.7} size="1rem" />
<Text color="dimmed">Categories</Text> <Text color="dimmed">Categories</Text>
</Group> </Group>
<Text>{board.countCategories}</Text> <Text>{board.countCategories}</Text>