diff --git a/package.json b/package.json index a4a519d0f..080279ec0 100644 --- a/package.json +++ b/package.json @@ -42,7 +42,7 @@ "@nivo/core": "^0.80.0", "@nivo/line": "^0.80.0", "@react-native-async-storage/async-storage": "^1.18.1", - "@tabler/icons": "^1.106.0", + "@tabler/icons-react": "^2.18.0", "@tanstack/query-async-storage-persister": "^4.27.1", "@tanstack/query-sync-storage-persister": "^4.27.1", "@tanstack/react-query": "^4.2.1", diff --git a/src/components/Config/LoadConfig.tsx b/src/components/Config/LoadConfig.tsx index 9a4c52084..dfa31f7cd 100644 --- a/src/components/Config/LoadConfig.tsx +++ b/src/components/Config/LoadConfig.tsx @@ -1,7 +1,7 @@ import { Group, Stack, Text, Title, useMantineTheme } from '@mantine/core'; import { Dropzone } from '@mantine/dropzone'; import { showNotification } from '@mantine/notifications'; -import { IconCheck as Check, IconPhoto, IconUpload, IconX, IconX as X } from '@tabler/icons'; +import { IconCheck as Check, IconPhoto, IconUpload, IconX, IconX as X } from '@tabler/icons-react'; import { setCookie } from 'cookies-next'; import { useTranslation } from 'next-i18next'; import { useConfigStore } from '../../config/store'; diff --git a/src/components/Dashboard/Mobile/Ribbon/MobileRibbon.tsx b/src/components/Dashboard/Mobile/Ribbon/MobileRibbon.tsx index 66b38249f..0a4589809 100644 --- a/src/components/Dashboard/Mobile/Ribbon/MobileRibbon.tsx +++ b/src/components/Dashboard/Mobile/Ribbon/MobileRibbon.tsx @@ -1,6 +1,6 @@ import { ActionIcon, createStyles, Space } from '@mantine/core'; import { useDisclosure } from '@mantine/hooks'; -import { IconChevronLeft, IconChevronRight } from '@tabler/icons'; +import { IconChevronLeft, IconChevronRight } from '@tabler/icons-react'; import { useConfigContext } from '../../../../config/provider'; import { useScreenLargerThan } from '../../../../hooks/useScreenLargerThan'; import { MobileRibbonSidebarDrawer } from './MobileRibbonSidebarDrawer'; diff --git a/src/components/Dashboard/Modals/AboutModal/AboutModal.tsx b/src/components/Dashboard/Modals/AboutModal/AboutModal.tsx index cd175fa99..210a1310f 100644 --- a/src/components/Dashboard/Modals/AboutModal/AboutModal.tsx +++ b/src/components/Dashboard/Modals/AboutModal/AboutModal.tsx @@ -26,7 +26,7 @@ import { IconVersions, IconVocabulary, IconWorldWww, -} from '@tabler/icons'; +} from '@tabler/icons-react'; import { motion } from 'framer-motion'; import { InitOptions } from 'i18next'; import { i18n, Trans, useTranslation } from 'next-i18next'; diff --git a/src/components/Dashboard/Modals/EditAppModal/EditAppModal.tsx b/src/components/Dashboard/Modals/EditAppModal/EditAppModal.tsx index ce48985f8..7628a842a 100644 --- a/src/components/Dashboard/Modals/EditAppModal/EditAppModal.tsx +++ b/src/components/Dashboard/Modals/EditAppModal/EditAppModal.tsx @@ -9,7 +9,7 @@ import { IconBrush, IconClick, IconPlug, -} from '@tabler/icons'; +} from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useState } from 'react'; import { useConfigContext } from '../../../../config/provider'; diff --git a/src/components/Dashboard/Modals/EditAppModal/Tabs/GeneralTab/GeneralTab.tsx b/src/components/Dashboard/Modals/EditAppModal/Tabs/GeneralTab/GeneralTab.tsx index 73c8db39a..6a1c57b2f 100644 --- a/src/components/Dashboard/Modals/EditAppModal/Tabs/GeneralTab/GeneralTab.tsx +++ b/src/components/Dashboard/Modals/EditAppModal/Tabs/GeneralTab/GeneralTab.tsx @@ -1,6 +1,6 @@ import { Tabs, TextInput } from '@mantine/core'; import { UseFormReturnType } from '@mantine/form'; -import { IconClick, IconCursorText, IconLink } from '@tabler/icons'; +import { IconClick, IconCursorText, IconLink } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { AppType } from '../../../../../../types/app'; import { EditAppModalTab } from '../type'; diff --git a/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/GenericSecretInput.tsx b/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/GenericSecretInput.tsx index b65b0f5b7..ba11d8f34 100644 --- a/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/GenericSecretInput.tsx +++ b/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/GenericSecretInput.tsx @@ -12,7 +12,7 @@ import { Badge, Tooltip, } from '@mantine/core'; -import { TablerIcon } from '@tabler/icons'; +import { Icon } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useState } from 'react'; import { AppIntegrationPropertyAccessabilityType } from '../../../../../../../../types/app'; @@ -20,7 +20,7 @@ import { AppIntegrationPropertyAccessabilityType } from '../../../../../../../.. interface GenericSecretInputProps { label: string; value: string; - setIcon: TablerIcon; + setIcon: Icon; secretIsPresent: boolean; type: AppIntegrationPropertyAccessabilityType; onClickUpdateButton: (value: string | undefined) => void; diff --git a/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/IntegrationOptionsRenderer/IntegrationOptionsRenderer.tsx b/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/IntegrationOptionsRenderer/IntegrationOptionsRenderer.tsx index a22721f78..9d8a304b8 100644 --- a/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/IntegrationOptionsRenderer/IntegrationOptionsRenderer.tsx +++ b/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/IntegrationOptionsRenderer/IntegrationOptionsRenderer.tsx @@ -1,6 +1,6 @@ import { Stack } from '@mantine/core'; import { UseFormReturnType } from '@mantine/form'; -import { IconKey } from '@tabler/icons'; +import { IconKey } from '@tabler/icons-react'; import { IntegrationField, integrationFieldDefinitions, diff --git a/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/IntegrationTab.tsx b/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/IntegrationTab.tsx index c57c69ced..52cd7660c 100644 --- a/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/IntegrationTab.tsx +++ b/src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/IntegrationTab.tsx @@ -1,6 +1,6 @@ import { Alert, Divider, Tabs, Text } from '@mantine/core'; import { UseFormReturnType } from '@mantine/form'; -import { IconAlertTriangle } from '@tabler/icons'; +import { IconAlertTriangle } from '@tabler/icons-react'; import { Trans, useTranslation } from 'next-i18next'; import { AppType } from '../../../../../../types/app'; import { IntegrationSelector } from './Components/InputElements/IntegrationSelector'; diff --git a/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx b/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx index 2be8867b6..255672c0e 100644 --- a/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx +++ b/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx @@ -1,7 +1,7 @@ import { Group, Space, Stack, Text, UnstyledButton } from '@mantine/core'; import { closeModal } from '@mantine/modals'; import { showNotification } from '@mantine/notifications'; -import { IconBox, IconBoxAlignTop, IconStack } from '@tabler/icons'; +import { IconBox, IconBoxAlignTop, IconStack } from '@tabler/icons-react'; import { motion } from 'framer-motion'; import { useTranslation } from 'next-i18next'; import { ReactNode } from 'react'; diff --git a/src/components/Dashboard/Modals/SelectElement/Components/Shared/GenericElementType.tsx b/src/components/Dashboard/Modals/SelectElement/Components/Shared/GenericElementType.tsx index 5a0f3c5aa..98542e144 100644 --- a/src/components/Dashboard/Modals/SelectElement/Components/Shared/GenericElementType.tsx +++ b/src/components/Dashboard/Modals/SelectElement/Components/Shared/GenericElementType.tsx @@ -1,5 +1,5 @@ import { Button, Card, Center, Grid, Stack, Text } from '@mantine/core'; -import { TablerIcon } from '@tabler/icons'; +import { Icon } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import Image from 'next/image'; import React from 'react'; @@ -9,7 +9,7 @@ interface GenericAvailableElementTypeProps { name: string; handleAddition: () => Promise; description?: string; - image: string | TablerIcon; + image: string | Icon; disabled?: boolean; } diff --git a/src/components/Dashboard/Modals/SelectElement/Components/Shared/SelectorBackArrow.tsx b/src/components/Dashboard/Modals/SelectElement/Components/Shared/SelectorBackArrow.tsx index 575820366..81e1c373b 100644 --- a/src/components/Dashboard/Modals/SelectElement/Components/Shared/SelectorBackArrow.tsx +++ b/src/components/Dashboard/Modals/SelectElement/Components/Shared/SelectorBackArrow.tsx @@ -1,5 +1,5 @@ import { Button, Text } from '@mantine/core'; -import { IconArrowNarrowLeft } from '@tabler/icons'; +import { IconArrowNarrowLeft } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; interface SelectorBackArrowProps { diff --git a/src/components/Dashboard/Modals/SelectElement/Components/StaticElementsTab/AvailableStaticElementsTab.tsx b/src/components/Dashboard/Modals/SelectElement/Components/StaticElementsTab/AvailableStaticElementsTab.tsx index 6ae6b5562..180fae5c2 100644 --- a/src/components/Dashboard/Modals/SelectElement/Components/StaticElementsTab/AvailableStaticElementsTab.tsx +++ b/src/components/Dashboard/Modals/SelectElement/Components/StaticElementsTab/AvailableStaticElementsTab.tsx @@ -1,5 +1,5 @@ import { Grid, Text } from '@mantine/core'; -import { IconCursorText } from '@tabler/icons'; +import { IconCursorText } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { GenericAvailableElementType } from '../Shared/GenericElementType'; import { SelectorBackArrow } from '../Shared/SelectorBackArrow'; diff --git a/src/components/Dashboard/Modals/SelectElement/Components/WidgetsTab/WidgetElementType.tsx b/src/components/Dashboard/Modals/SelectElement/Components/WidgetsTab/WidgetElementType.tsx index 8ff521b09..317725b34 100644 --- a/src/components/Dashboard/Modals/SelectElement/Components/WidgetsTab/WidgetElementType.tsx +++ b/src/components/Dashboard/Modals/SelectElement/Components/WidgetsTab/WidgetElementType.tsx @@ -1,6 +1,6 @@ import { useModals } from '@mantine/modals'; import { showNotification } from '@mantine/notifications'; -import { IconChecks, TablerIcon } from '@tabler/icons'; +import { IconChecks, Icon } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { v4 as uuidv4 } from 'uuid'; import { useConfigContext } from '../../../../../../config/provider'; @@ -11,7 +11,7 @@ import { GenericAvailableElementType } from '../Shared/GenericElementType'; interface WidgetElementTypeProps { id: string; - image: string | TablerIcon; + image: string | Icon; disabled?: boolean; widget: IWidgetDefinition; } diff --git a/src/components/Dashboard/Tiles/GenericTileMenu.tsx b/src/components/Dashboard/Tiles/GenericTileMenu.tsx index d414d0613..c5f1e9293 100644 --- a/src/components/Dashboard/Tiles/GenericTileMenu.tsx +++ b/src/components/Dashboard/Tiles/GenericTileMenu.tsx @@ -1,5 +1,5 @@ import { ActionIcon, Menu } from '@mantine/core'; -import { IconDots, IconLayoutKanban, IconPencil, IconTrash } from '@tabler/icons'; +import { IconDots, IconLayoutKanban, IconPencil, IconTrash } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useEditModeStore } from '../Views/useEditModeStore'; diff --git a/src/components/Dashboard/Tiles/Widgets/Inputs/DraggableList.tsx b/src/components/Dashboard/Tiles/Widgets/Inputs/DraggableList.tsx index 5b0c02c43..ab5ad08ec 100644 --- a/src/components/Dashboard/Tiles/Widgets/Inputs/DraggableList.tsx +++ b/src/components/Dashboard/Tiles/Widgets/Inputs/DraggableList.tsx @@ -1,6 +1,6 @@ import { Collapse, Flex, Stack, Text, createStyles } from '@mantine/core'; import { useDisclosure } from '@mantine/hooks'; -import { IconChevronDown, IconGripVertical } from '@tabler/icons'; +import { IconChevronDown, IconGripVertical } from '@tabler/icons-react'; import { Reorder, useDragControls } from 'framer-motion'; import { FC, useEffect, useRef } from 'react'; import { IDraggableEditableListInputValue } from '../../../../../widgets/widgets'; diff --git a/src/components/Dashboard/Tiles/Widgets/Inputs/StaticDraggableList.tsx b/src/components/Dashboard/Tiles/Widgets/Inputs/StaticDraggableList.tsx index 21decac2d..0fc6590ff 100644 --- a/src/components/Dashboard/Tiles/Widgets/Inputs/StaticDraggableList.tsx +++ b/src/components/Dashboard/Tiles/Widgets/Inputs/StaticDraggableList.tsx @@ -1,6 +1,6 @@ import { Collapse, createStyles, Flex, Stack, Text } from '@mantine/core'; import { useDisclosure } from '@mantine/hooks'; -import { IconChevronDown, IconGripVertical } from '@tabler/icons'; +import { IconChevronDown, IconGripVertical } from '@tabler/icons-react'; import { Reorder, useDragControls } from 'framer-motion'; import { FC, ReactNode, useEffect, useRef } from 'react'; import { IDraggableListInputValue } from '../../../../../widgets/widgets'; diff --git a/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx b/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx index 0fd7e8f88..2d8177f89 100644 --- a/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx +++ b/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx @@ -15,7 +15,7 @@ import { Title, } from '@mantine/core'; import { ContextModalProps } from '@mantine/modals'; -import { IconAlertTriangle, IconPlaylistX, IconPlus } from '@tabler/icons'; +import { IconAlertTriangle, IconPlaylistX, IconPlus } from '@tabler/icons-react'; import { Trans, useTranslation } from 'next-i18next'; import { FC, useState } from 'react'; import { useConfigContext } from '../../../../config/provider'; diff --git a/src/components/Dashboard/Views/ViewToggleButton.tsx b/src/components/Dashboard/Views/ViewToggleButton.tsx index 8be927a46..fc799814c 100644 --- a/src/components/Dashboard/Views/ViewToggleButton.tsx +++ b/src/components/Dashboard/Views/ViewToggleButton.tsx @@ -1,5 +1,5 @@ import { ActionIcon, Button, Text, Tooltip } from '@mantine/core'; -import { IconEdit, IconEditOff } from '@tabler/icons'; +import { IconEdit, IconEditOff } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useScreenLargerThan } from '../../../hooks/useScreenLargerThan'; import { useEditModeStore } from './useEditModeStore'; diff --git a/src/components/Dashboard/Wrappers/Category/CategoryEditMenu.tsx b/src/components/Dashboard/Wrappers/Category/CategoryEditMenu.tsx index 70b1ed85c..127ec5216 100644 --- a/src/components/Dashboard/Wrappers/Category/CategoryEditMenu.tsx +++ b/src/components/Dashboard/Wrappers/Category/CategoryEditMenu.tsx @@ -7,7 +7,7 @@ import { IconRowInsertBottom, IconEdit, IconTrash, -} from '@tabler/icons'; +} from '@tabler/icons-react'; import { useConfigContext } from '../../../../config/provider'; import { CategoryType } from '../../../../types/category'; import { useCategoryActions } from './useCategoryActions'; diff --git a/src/components/IconSelector/DebouncedImage.tsx b/src/components/IconSelector/DebouncedImage.tsx index 852a3bcac..8fa62b2d6 100644 --- a/src/components/IconSelector/DebouncedImage.tsx +++ b/src/components/IconSelector/DebouncedImage.tsx @@ -1,6 +1,6 @@ import { Image, Loader, createStyles } from '@mantine/core'; import { useDebouncedValue } from '@mantine/hooks'; -import { IconPhotoOff } from '@tabler/icons'; +import { IconPhotoOff } from '@tabler/icons-react'; interface DebouncedImageProps { width: number; diff --git a/src/components/IconSelector/IconSelector.tsx b/src/components/IconSelector/IconSelector.tsx index 307ee80ea..55a8ea377 100644 --- a/src/components/IconSelector/IconSelector.tsx +++ b/src/components/IconSelector/IconSelector.tsx @@ -13,7 +13,7 @@ import { SelectItemProps, ScrollArea, } from '@mantine/core'; -import { IconSearch } from '@tabler/icons'; +import { IconSearch } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useGetDashboardIcons } from '../../hooks/icons/useGetDashboardIcons'; import { humanFileSize } from '../../tools/humanFileSize'; diff --git a/src/components/Settings/Common/CacheButtons.tsx b/src/components/Settings/Common/CacheButtons.tsx new file mode 100644 index 000000000..c2fb52669 --- /dev/null +++ b/src/components/Settings/Common/CacheButtons.tsx @@ -0,0 +1,62 @@ +import { Button, Group, MultiSelect, Stack, Title } from '@mantine/core'; +import { useState } from 'react'; +import { notifications } from '@mantine/notifications'; +import { IconTrash } from '@tabler/icons-react'; +import { queryClient } from '../../../tools/server/configurations/tanstack/queryClient.tool'; + +const data = [ + { value: 'ping', label: 'Ping queries' }, + { value: 'repository-icons', label: 'Remote/Local icons' }, + { value: 'calendar/medias', label: 'Medais from the Calendar' }, + { value: 'weather', label: 'Weather data' }, +]; + +export function CacheButtons() { + const [value, setValue] = useState([]); + return ( + + Cache cleaning + + + + + + + ); +} diff --git a/src/components/Settings/Common/Config/ConfigActions.tsx b/src/components/Settings/Common/Config/ConfigActions.tsx index 6ff6ac4db..1e836fb13 100644 --- a/src/components/Settings/Common/Config/ConfigActions.tsx +++ b/src/components/Settings/Common/Config/ConfigActions.tsx @@ -10,7 +10,7 @@ import { import { useDisclosure } from '@mantine/hooks'; import { openConfirmModal } from '@mantine/modals'; import { showNotification } from '@mantine/notifications'; -import { IconAlertTriangle, IconCheck, IconCopy, IconDownload, IconTrash } from '@tabler/icons'; +import { IconAlertTriangle, IconCheck, IconCopy, IconDownload, IconTrash } from '@tabler/icons-react'; import fileDownload from 'js-file-download'; import { Trans, useTranslation } from 'next-i18next'; import { useRouter } from 'next/router'; diff --git a/src/components/Settings/Common/SearchEngine/SearchEngineSelector.tsx b/src/components/Settings/Common/SearchEngine/SearchEngineSelector.tsx index 53d643004..d556a2269 100644 --- a/src/components/Settings/Common/SearchEngine/SearchEngineSelector.tsx +++ b/src/components/Settings/Common/SearchEngine/SearchEngineSelector.tsx @@ -1,5 +1,5 @@ import { Alert, Paper, SegmentedControl, Space, Stack, TextInput, Title } from '@mantine/core'; -import { IconInfoCircle } from '@tabler/icons'; +import { IconInfoCircle } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { ChangeEventHandler, useState } from 'react'; import { useConfigContext } from '../../../../config/provider'; diff --git a/src/components/Settings/Customization/CustomizationAccordeon.tsx b/src/components/Settings/Customization/CustomizationAccordeon.tsx index 4f2472067..f5d18551b 100644 --- a/src/components/Settings/Customization/CustomizationAccordeon.tsx +++ b/src/components/Settings/Customization/CustomizationAccordeon.tsx @@ -1,5 +1,5 @@ import { Accordion, Checkbox, Grid, Group, Stack, Text } from '@mantine/core'; -import { IconBrush, IconChartCandle, IconCode, IconDragDrop, IconLayout } from '@tabler/icons'; +import { IconBrush, IconChartCandle, IconCode, IconDragDrop, IconLayout } from '@tabler/icons-react'; import { i18n, useTranslation } from 'next-i18next'; import { ReactNode } from 'react'; import { GridstackConfiguration } from './Layout/GridstackConfiguration'; diff --git a/src/components/Settings/Customization/Layout/GridstackConfiguration.tsx b/src/components/Settings/Customization/Layout/GridstackConfiguration.tsx index 8fe1d1b46..0455f3b6c 100644 --- a/src/components/Settings/Customization/Layout/GridstackConfiguration.tsx +++ b/src/components/Settings/Customization/Layout/GridstackConfiguration.tsx @@ -1,6 +1,6 @@ import { Alert, Button, Grid, Input, LoadingOverlay, Slider } from '@mantine/core'; import { useForm } from '@mantine/form'; -import { IconCheck, IconReload } from '@tabler/icons'; +import { IconCheck, IconReload } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useState } from 'react'; import { useConfigContext } from '../../../../config/provider'; diff --git a/src/components/layout/header/Actions/AddElementAction/AddElementAction.tsx b/src/components/layout/header/Actions/AddElementAction/AddElementAction.tsx index b610ad911..276f3d2ab 100644 --- a/src/components/layout/header/Actions/AddElementAction/AddElementAction.tsx +++ b/src/components/layout/header/Actions/AddElementAction/AddElementAction.tsx @@ -1,6 +1,6 @@ import { ActionIcon, Button, Tooltip } from '@mantine/core'; import { openContextModal } from '@mantine/modals'; -import { IconApps } from '@tabler/icons'; +import { IconApps } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useCardStyles } from '../../../useCardStyles'; diff --git a/src/components/layout/header/Actions/ToggleEditMode/ToggleEditMode.tsx b/src/components/layout/header/Actions/ToggleEditMode/ToggleEditMode.tsx index c1f4445ff..481e61f42 100644 --- a/src/components/layout/header/Actions/ToggleEditMode/ToggleEditMode.tsx +++ b/src/components/layout/header/Actions/ToggleEditMode/ToggleEditMode.tsx @@ -1,7 +1,7 @@ import { ActionIcon, Button, Group, Text, Title, Tooltip } from '@mantine/core'; import { useHotkeys, useWindowEvent } from '@mantine/hooks'; import { hideNotification, showNotification } from '@mantine/notifications'; -import { IconEditCircle, IconEditCircleOff } from '@tabler/icons'; +import { IconEditCircle, IconEditCircleOff } from '@tabler/icons-react'; import axios from 'axios'; import Consola from 'consola'; import { getCookie } from 'cookies-next'; diff --git a/src/components/layout/header/Search.tsx b/src/components/layout/header/Search.tsx index 714509b62..2bf9bc9c5 100644 --- a/src/components/layout/header/Search.tsx +++ b/src/components/layout/header/Search.tsx @@ -12,7 +12,7 @@ import { } from '@mantine/core'; import { useDebouncedValue, useHotkeys } from '@mantine/hooks'; import { showNotification } from '@mantine/notifications'; -import { IconBrandYoutube, IconDownload, IconMovie, IconSearch } from '@tabler/icons'; +import { IconBrandYoutube, IconDownload, IconMovie, IconSearch } from '@tabler/icons-react'; import { useQuery } from '@tanstack/react-query'; import axios from 'axios'; import { useTranslation } from 'next-i18next'; diff --git a/src/components/layout/header/SettingsMenu.tsx b/src/components/layout/header/SettingsMenu.tsx index 91d04a2fd..51baf13bb 100644 --- a/src/components/layout/header/SettingsMenu.tsx +++ b/src/components/layout/header/SettingsMenu.tsx @@ -1,6 +1,6 @@ import { Badge, Button, Menu } from '@mantine/core'; import { useDisclosure } from '@mantine/hooks'; -import { IconInfoCircle, IconMenu2, IconSettings } from '@tabler/icons'; +import { IconInfoCircle, IconMenu2, IconSettings } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useEditModeInformationStore } from '../../../hooks/useEditModeInformation'; import { AboutModal } from '../../Dashboard/Modals/AboutModal/AboutModal'; diff --git a/src/components/layout/header/SettingsMenu/ColorSchemeSwitch.tsx b/src/components/layout/header/SettingsMenu/ColorSchemeSwitch.tsx index 434cb5a0a..fb926496a 100644 --- a/src/components/layout/header/SettingsMenu/ColorSchemeSwitch.tsx +++ b/src/components/layout/header/SettingsMenu/ColorSchemeSwitch.tsx @@ -1,5 +1,5 @@ import { Menu, useMantineColorScheme } from '@mantine/core'; -import { IconMoonStars, IconSun } from '@tabler/icons'; +import { IconMoonStars, IconSun } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; export const ColorSchemeSwitch = () => { diff --git a/src/components/layout/header/SettingsMenu/EditModeToggle.tsx b/src/components/layout/header/SettingsMenu/EditModeToggle.tsx index fed323e8c..95fa42612 100644 --- a/src/components/layout/header/SettingsMenu/EditModeToggle.tsx +++ b/src/components/layout/header/SettingsMenu/EditModeToggle.tsx @@ -2,7 +2,7 @@ import { Button, Code, Menu, PasswordInput, Stack, Text } from '@mantine/core'; import { useForm } from '@mantine/form'; import { openModal } from '@mantine/modals'; import { showNotification } from '@mantine/notifications'; -import { IconEdit, IconEditOff } from '@tabler/icons'; +import { IconEdit, IconEditOff } from '@tabler/icons-react'; import axios from 'axios'; import { useEditModeInformationStore } from '../../../../hooks/useEditModeInformation'; diff --git a/src/modules/Docker/ContainerActionBar.tsx b/src/modules/Docker/ContainerActionBar.tsx index e5aa253b6..d9869ff3b 100644 --- a/src/modules/Docker/ContainerActionBar.tsx +++ b/src/modules/Docker/ContainerActionBar.tsx @@ -9,7 +9,7 @@ import { IconRefresh, IconRotateClockwise, IconTrash, -} from '@tabler/icons'; +} from '@tabler/icons-react'; import axios from 'axios'; import Dockerode from 'dockerode'; import { useTranslation } from 'next-i18next'; diff --git a/src/modules/Docker/DockerModule.tsx b/src/modules/Docker/DockerModule.tsx index 5c80f5a4e..ffc551305 100644 --- a/src/modules/Docker/DockerModule.tsx +++ b/src/modules/Docker/DockerModule.tsx @@ -1,7 +1,7 @@ import { ActionIcon, Drawer, Text, Tooltip } from '@mantine/core'; import { useHotkeys } from '@mantine/hooks'; import { showNotification } from '@mantine/notifications'; -import { IconBrandDocker, IconX } from '@tabler/icons'; +import { IconBrandDocker, IconX } from '@tabler/icons-react'; import axios from 'axios'; import Docker from 'dockerode'; import { useTranslation } from 'next-i18next'; diff --git a/src/modules/Docker/DockerTable.tsx b/src/modules/Docker/DockerTable.tsx index 9ab7ff49b..6ee32cb55 100644 --- a/src/modules/Docker/DockerTable.tsx +++ b/src/modules/Docker/DockerTable.tsx @@ -9,7 +9,7 @@ import { TextInput, } from '@mantine/core'; import { useElementSize } from '@mantine/hooks'; -import { IconSearch } from '@tabler/icons'; +import { IconSearch } from '@tabler/icons-react'; import Dockerode from 'dockerode'; import { useTranslation } from 'next-i18next'; import { useEffect, useState } from 'react'; diff --git a/src/modules/ModuleTypes.d.ts b/src/modules/ModuleTypes.d.ts index 23d535b42..ecabdb7b9 100644 --- a/src/modules/ModuleTypes.d.ts +++ b/src/modules/ModuleTypes.d.ts @@ -2,14 +2,14 @@ // Each module should have its own interface and call the following function: // TODO: Add a function to register a module -import { TablerIcon } from '@tabler/icons'; +import { Icon } from '@tabler/icons-react'; // Note: Maybe use context to keep track of the modules // TODO: Remove this old component and the entire file export interface IModule { id: string; title: string; - icon: TablerIcon; + icon: Icon; component: React.ComponentType; options?: Option; padding?: PaddingOptions = { diff --git a/src/modules/common/MediaDisplay.tsx b/src/modules/common/MediaDisplay.tsx index 10811f78a..6228e528d 100644 --- a/src/modules/common/MediaDisplay.tsx +++ b/src/modules/common/MediaDisplay.tsx @@ -1,5 +1,5 @@ import { Badge, Button, Group, Image, Stack, Text, Title } from '@mantine/core'; -import { IconDownload, IconExternalLink, IconPlayerPlay } from '@tabler/icons'; +import { IconDownload, IconExternalLink, IconPlayerPlay } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useState } from 'react'; import { useConfigContext } from '../../config/provider'; diff --git a/src/modules/overseerr/OverseerrModule.tsx b/src/modules/overseerr/OverseerrModule.tsx index 1a7e57690..6e6361aad 100644 --- a/src/modules/overseerr/OverseerrModule.tsx +++ b/src/modules/overseerr/OverseerrModule.tsx @@ -1,4 +1,4 @@ -import { IconEyeglass } from '@tabler/icons'; +import { IconEyeglass } from '@tabler/icons-react'; import { OverseerrMediaDisplay } from '../common'; import { IModule } from '../ModuleTypes'; diff --git a/src/modules/overseerr/RequestModal.tsx b/src/modules/overseerr/RequestModal.tsx index c58bc4174..61ad678ea 100644 --- a/src/modules/overseerr/RequestModal.tsx +++ b/src/modules/overseerr/RequestModal.tsx @@ -1,6 +1,6 @@ import { Alert, Button, Checkbox, createStyles, Group, Modal, Stack, Table } from '@mantine/core'; import { showNotification, updateNotification } from '@mantine/notifications'; -import { IconAlertCircle, IconCheck, IconDownload } from '@tabler/icons'; +import { IconAlertCircle, IconCheck, IconDownload } from '@tabler/icons-react'; import axios from 'axios'; import Consola from 'consola'; import { useTranslation } from 'next-i18next'; diff --git a/src/modules/ping/PingModule.tsx b/src/modules/ping/PingModule.tsx index e85088373..9094d913d 100644 --- a/src/modules/ping/PingModule.tsx +++ b/src/modules/ping/PingModule.tsx @@ -1,5 +1,5 @@ import { Indicator, Tooltip } from '@mantine/core'; -import { IconPlug as Plug } from '@tabler/icons'; +import { IconPlug as Plug } from '@tabler/icons-react'; import axios, { AxiosResponse } from 'axios'; import { motion } from 'framer-motion'; import { useTranslation } from 'next-i18next'; diff --git a/src/pages/login.tsx b/src/pages/login.tsx index 193a558ab..3a93f1ed2 100644 --- a/src/pages/login.tsx +++ b/src/pages/login.tsx @@ -3,7 +3,7 @@ import { PasswordInput, Paper, Title, Text, Container, Button } from '@mantine/c import { setCookie } from 'cookies-next'; import { showNotification, updateNotification } from '@mantine/notifications'; import axios from 'axios'; -import { IconCheck, IconX } from '@tabler/icons'; +import { IconCheck, IconX } from '@tabler/icons-react'; import { useRouter } from 'next/router'; import { useTranslation } from 'next-i18next'; import { useForm } from '@mantine/form'; diff --git a/src/pages/migrate.tsx b/src/pages/migrate.tsx index ee73caa7f..f9d487884 100644 --- a/src/pages/migrate.tsx +++ b/src/pages/migrate.tsx @@ -35,7 +35,7 @@ import { IconCircleCheck, IconMoonStars, IconSun, -} from '@tabler/icons'; +} from '@tabler/icons-react'; import { motion } from 'framer-motion'; import axios from 'axios'; import { Logo } from '../components/layout/Logo'; diff --git a/src/tools/config/mutations/useCopyConfigMutation.tsx b/src/tools/config/mutations/useCopyConfigMutation.tsx index 2aad78a68..9185658d0 100644 --- a/src/tools/config/mutations/useCopyConfigMutation.tsx +++ b/src/tools/config/mutations/useCopyConfigMutation.tsx @@ -1,5 +1,5 @@ import { showNotification } from '@mantine/notifications'; -import { IconCheck, IconX } from '@tabler/icons'; +import { IconCheck, IconX } from '@tabler/icons-react'; import { useMutation } from '@tanstack/react-query'; import { useTranslation } from 'next-i18next'; import { useConfigContext } from '../../../config/provider'; diff --git a/src/tools/config/mutations/useDeleteConfigMutation.tsx b/src/tools/config/mutations/useDeleteConfigMutation.tsx index d51e12208..2350869b5 100644 --- a/src/tools/config/mutations/useDeleteConfigMutation.tsx +++ b/src/tools/config/mutations/useDeleteConfigMutation.tsx @@ -1,5 +1,5 @@ import { showNotification } from '@mantine/notifications'; -import { IconX } from '@tabler/icons'; +import { IconX } from '@tabler/icons-react'; import { useMutation } from '@tanstack/react-query'; import { useTranslation } from 'next-i18next'; diff --git a/src/types/app.ts b/src/types/app.ts index 94e4b5cba..5cdd16212 100644 --- a/src/types/app.ts +++ b/src/types/app.ts @@ -1,4 +1,4 @@ -import { IconKey, IconPassword, IconUser, TablerIcon } from '@tabler/icons'; +import { IconKey, IconPassword, IconUser, Icon } from '@tabler/icons-react'; import { TileBaseType } from './tile'; @@ -90,7 +90,7 @@ export const integrationFieldProperties: { export type IntegrationFieldDefinitionType = { type: 'private' | 'public'; - icon: TablerIcon; + icon: Icon; label: string; }; diff --git a/src/widgets/bookmark/BookmarkWidgetTile.tsx b/src/widgets/bookmark/BookmarkWidgetTile.tsx index 1e6f9f899..e1b5a0106 100644 --- a/src/widgets/bookmark/BookmarkWidgetTile.tsx +++ b/src/widgets/bookmark/BookmarkWidgetTile.tsx @@ -21,7 +21,7 @@ import { IconPlaylistX, IconTrash, IconTypography, -} from '@tabler/icons'; +} from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useEffect } from 'react'; import { v4 } from 'uuid'; diff --git a/src/widgets/boundary.tsx b/src/widgets/boundary.tsx index 1c2755ad0..4980aa183 100644 --- a/src/widgets/boundary.tsx +++ b/src/widgets/boundary.tsx @@ -3,7 +3,7 @@ import React, { ReactNode } from 'react'; import { openModal } from '@mantine/modals'; import { withTranslation } from 'next-i18next'; import { Button, Card, Center, Code, Group, Stack, Text, Title } from '@mantine/core'; -import { IconBrandGithub, IconBug, IconInfoCircle, IconRefresh } from '@tabler/icons'; +import { IconBrandGithub, IconBug, IconInfoCircle, IconRefresh } from '@tabler/icons-react'; type ErrorBoundaryState = { hasError: boolean; diff --git a/src/widgets/calendar/CalendarTile.tsx b/src/widgets/calendar/CalendarTile.tsx index af4f3ae2d..b7f21a25f 100644 --- a/src/widgets/calendar/CalendarTile.tsx +++ b/src/widgets/calendar/CalendarTile.tsx @@ -1,6 +1,6 @@ import { useMantineTheme } from '@mantine/core'; import { Calendar } from '@mantine/dates'; -import { IconCalendarTime } from '@tabler/icons'; +import { IconCalendarTime } from '@tabler/icons-react'; import { useQuery } from '@tanstack/react-query'; import { i18n } from 'next-i18next'; import { useState } from 'react'; diff --git a/src/widgets/dashDot/DashDotCompactNetwork.tsx b/src/widgets/dashDot/DashDotCompactNetwork.tsx index e10dd47e4..c283a6d14 100644 --- a/src/widgets/dashDot/DashDotCompactNetwork.tsx +++ b/src/widgets/dashDot/DashDotCompactNetwork.tsx @@ -1,5 +1,5 @@ import { Group, Stack, Text } from '@mantine/core'; -import { IconArrowNarrowDown, IconArrowNarrowUp } from '@tabler/icons'; +import { IconArrowNarrowDown, IconArrowNarrowUp } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { bytes } from '../../tools/bytesHelper'; diff --git a/src/widgets/dashDot/DashDotTile.tsx b/src/widgets/dashDot/DashDotTile.tsx index b3fbd76db..397515f2c 100644 --- a/src/widgets/dashDot/DashDotTile.tsx +++ b/src/widgets/dashDot/DashDotTile.tsx @@ -1,5 +1,5 @@ import { Center, createStyles, Grid, Stack, Text, Title } from '@mantine/core'; -import { IconUnlink } from '@tabler/icons'; +import { IconUnlink } from '@tabler/icons-react'; import { useQuery } from '@tanstack/react-query'; import axios from 'axios'; import { useTranslation } from 'next-i18next'; diff --git a/src/widgets/date/DateTile.tsx b/src/widgets/date/DateTile.tsx index 07c26cb5c..7ea004eea 100644 --- a/src/widgets/date/DateTile.tsx +++ b/src/widgets/date/DateTile.tsx @@ -1,6 +1,6 @@ import { Stack, Text, Title } from '@mantine/core'; import { useElementSize } from '@mantine/hooks'; -import { IconClock } from '@tabler/icons'; +import { IconClock } from '@tabler/icons-react'; import dayjs from 'dayjs'; import { useEffect, useRef, useState } from 'react'; import { useSetSafeInterval } from '../../hooks/useSetSafeInterval'; diff --git a/src/widgets/dnshole/DnsHoleControls.tsx b/src/widgets/dnshole/DnsHoleControls.tsx index 19bad810a..a83866707 100644 --- a/src/widgets/dnshole/DnsHoleControls.tsx +++ b/src/widgets/dnshole/DnsHoleControls.tsx @@ -1,6 +1,6 @@ import { Badge, Box, Button, Card, Group, Image, Stack, Text } from '@mantine/core'; import { useTranslation } from 'next-i18next'; -import { IconDeviceGamepad, IconPlayerPlay, IconPlayerStop } from '@tabler/icons'; +import { IconDeviceGamepad, IconPlayerPlay, IconPlayerStop } from '@tabler/icons-react'; import { useConfigContext } from '../../config/provider'; import { defineWidget } from '../helper'; import { WidgetLoading } from '../loading'; diff --git a/src/widgets/dnshole/DnsHoleSummary.tsx b/src/widgets/dnshole/DnsHoleSummary.tsx index 08bd0763b..71ab89041 100644 --- a/src/widgets/dnshole/DnsHoleSummary.tsx +++ b/src/widgets/dnshole/DnsHoleSummary.tsx @@ -1,6 +1,6 @@ import { useTranslation } from 'next-i18next'; import { Card, Center, Container, Stack, Text } from '@mantine/core'; -import { IconAd, IconBarrierBlock, IconPercentage, IconSearch, IconWorldWww } from '@tabler/icons'; +import { IconAd, IconBarrierBlock, IconPercentage, IconSearch, IconWorldWww } from '@tabler/icons-react'; import { defineWidget } from '../helper'; import { WidgetLoading } from '../loading'; import { IWidget } from '../widgets'; diff --git a/src/widgets/download-speed/Tile.tsx b/src/widgets/download-speed/Tile.tsx index 48b3117fb..6e09a8c6a 100644 --- a/src/widgets/download-speed/Tile.tsx +++ b/src/widgets/download-speed/Tile.tsx @@ -12,7 +12,7 @@ import { import { useElementSize, useListState } from '@mantine/hooks'; import { linearGradientDef } from '@nivo/core'; import { Serie, Datum, ResponsiveLine } from '@nivo/line'; -import { IconDownload, IconUpload } from '@tabler/icons'; +import { IconDownload, IconUpload } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { useEffect } from 'react'; import { AppAvatar } from '../../components/AppAvatar'; diff --git a/src/widgets/download-speed/TorrentNetworkTrafficTile.tsx b/src/widgets/download-speed/TorrentNetworkTrafficTile.tsx index 85d579a74..6963df1ad 100644 --- a/src/widgets/download-speed/TorrentNetworkTrafficTile.tsx +++ b/src/widgets/download-speed/TorrentNetworkTrafficTile.tsx @@ -1,4 +1,4 @@ -import { IconArrowsUpDown } from '@tabler/icons'; +import { IconArrowsUpDown } from '@tabler/icons-react'; import dynamic from 'next/dynamic'; import { defineWidget } from '../helper'; diff --git a/src/widgets/iframe/IFrameTile.tsx b/src/widgets/iframe/IFrameTile.tsx index 43f673ad4..b10c5d224 100644 --- a/src/widgets/iframe/IFrameTile.tsx +++ b/src/widgets/iframe/IFrameTile.tsx @@ -1,5 +1,5 @@ import { Center, createStyles, Stack, Title, Text, Container } from '@mantine/core'; -import { IconBrowser, IconUnlink } from '@tabler/icons'; +import { IconBrowser, IconUnlink } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { defineWidget } from '../helper'; import { IWidget } from '../widgets'; diff --git a/src/widgets/media-requests/MediaRequestListTile.tsx b/src/widgets/media-requests/MediaRequestListTile.tsx index 4cbdd47be..81d71cba3 100644 --- a/src/widgets/media-requests/MediaRequestListTile.tsx +++ b/src/widgets/media-requests/MediaRequestListTile.tsx @@ -1,6 +1,6 @@ import { Badge, Card, Center, Flex, Group, Image, Stack, Text } from '@mantine/core'; import { useTranslation } from 'next-i18next'; -import { IconGitPullRequest } from '@tabler/icons'; +import { IconGitPullRequest } from '@tabler/icons-react'; import { defineWidget } from '../helper'; import { WidgetLoading } from '../loading'; import { IWidget } from '../widgets'; diff --git a/src/widgets/media-requests/MediaRequestStatsTile.tsx b/src/widgets/media-requests/MediaRequestStatsTile.tsx index 8dddac742..057467192 100644 --- a/src/widgets/media-requests/MediaRequestStatsTile.tsx +++ b/src/widgets/media-requests/MediaRequestStatsTile.tsx @@ -1,5 +1,5 @@ import { Card, Center, Flex, Stack, Text } from '@mantine/core'; -import { IconChartBar } from '@tabler/icons'; +import { IconChartBar } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { defineWidget } from '../helper'; import { WidgetLoading } from '../loading'; diff --git a/src/widgets/media-server/DetailCollapseable.tsx b/src/widgets/media-server/DetailCollapseable.tsx index 2517962bf..cef79982b 100644 --- a/src/widgets/media-server/DetailCollapseable.tsx +++ b/src/widgets/media-server/DetailCollapseable.tsx @@ -1,5 +1,5 @@ import { Card, Divider, Flex, Grid, Group, Text } from '@mantine/core'; -import { IconDeviceMobile, IconId } from '@tabler/icons'; +import { IconDeviceMobile, IconId } from '@tabler/icons-react'; import { GenericSessionInfo } from '../../types/api/media-server/session-info'; export const DetailCollapseable = ({ session }: { session: GenericSessionInfo }) => { diff --git a/src/widgets/media-server/MediaServerTile.tsx b/src/widgets/media-server/MediaServerTile.tsx index 7f7a37252..8888ff4d4 100644 --- a/src/widgets/media-server/MediaServerTile.tsx +++ b/src/widgets/media-server/MediaServerTile.tsx @@ -9,7 +9,7 @@ import { Text, Title, } from '@mantine/core'; -import { IconAlertTriangle, IconMovie } from '@tabler/icons'; +import { IconAlertTriangle, IconMovie } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { AppAvatar } from '../../components/AppAvatar'; import { useEditModeStore } from '../../components/Dashboard/Views/useEditModeStore'; diff --git a/src/widgets/media-server/NowPlayingDisplay.tsx b/src/widgets/media-server/NowPlayingDisplay.tsx index 98decb05c..b52306c47 100644 --- a/src/widgets/media-server/NowPlayingDisplay.tsx +++ b/src/widgets/media-server/NowPlayingDisplay.tsx @@ -4,8 +4,8 @@ import { IconHeadphones, IconQuestionMark, IconVideo, - TablerIcon, -} from '@tabler/icons'; + Icon, +} from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { GenericSessionInfo } from '../../types/api/media-server/session-info'; @@ -16,7 +16,7 @@ export const NowPlayingDisplay = ({ session }: { session: GenericSessionInfo }) return null; } - const Icon = (): TablerIcon => { + const Icon = (): Icon => { switch (session.currentlyPlaying?.type) { case 'audio': return IconHeadphones; diff --git a/src/widgets/rss/RssWidgetTile.tsx b/src/widgets/rss/RssWidgetTile.tsx index 07e19ea71..e14c229b0 100644 --- a/src/widgets/rss/RssWidgetTile.tsx +++ b/src/widgets/rss/RssWidgetTile.tsx @@ -15,7 +15,7 @@ import { Title, createStyles, } from '@mantine/core'; -import { IconClock, IconRefresh, IconRss } from '@tabler/icons'; +import { IconClock, IconRefresh, IconRss } from '@tabler/icons-react'; import { useQuery } from '@tanstack/react-query'; import dayjs from 'dayjs'; import { useTranslation } from 'next-i18next'; diff --git a/src/widgets/torrent/TorrentQueueItem.tsx b/src/widgets/torrent/TorrentQueueItem.tsx index c416252b6..f112b0617 100644 --- a/src/widgets/torrent/TorrentQueueItem.tsx +++ b/src/widgets/torrent/TorrentQueueItem.tsx @@ -22,7 +22,7 @@ import { IconPercentage, IconSortDescending, IconUpload, -} from '@tabler/icons'; +} from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { calculateETA } from '../../tools/client/calculateEta'; import { humanFileSize } from '../../tools/humanFileSize'; diff --git a/src/widgets/torrent/TorrentTile.tsx b/src/widgets/torrent/TorrentTile.tsx index 872e69cf0..a4bb4b77d 100644 --- a/src/widgets/torrent/TorrentTile.tsx +++ b/src/widgets/torrent/TorrentTile.tsx @@ -14,7 +14,7 @@ import { } from '@mantine/core'; import { useElementSize } from '@mantine/hooks'; -import { IconFileDownload, IconInfoCircle } from '@tabler/icons'; +import { IconFileDownload, IconInfoCircle } from '@tabler/icons-react'; import dayjs from 'dayjs'; import duration from 'dayjs/plugin/duration'; diff --git a/src/widgets/useNet/UseNetTile.tsx b/src/widgets/useNet/UseNetTile.tsx index 97139d899..0fac00916 100644 --- a/src/widgets/useNet/UseNetTile.tsx +++ b/src/widgets/useNet/UseNetTile.tsx @@ -1,5 +1,5 @@ import { Badge, Button, Group, Select, Stack, Tabs, Text, Title } from '@mantine/core'; -import { IconFileDownload, IconPlayerPause, IconPlayerPlay } from '@tabler/icons'; +import { IconFileDownload, IconPlayerPause, IconPlayerPlay } from '@tabler/icons-react'; import { useEffect, useState } from 'react'; import { useElementSize } from '@mantine/hooks'; diff --git a/src/widgets/useNet/UsenetHistoryList.tsx b/src/widgets/useNet/UsenetHistoryList.tsx index 6d2dbdae5..a012e4689 100644 --- a/src/widgets/useNet/UsenetHistoryList.tsx +++ b/src/widgets/useNet/UsenetHistoryList.tsx @@ -12,7 +12,7 @@ import { Tooltip, } from '@mantine/core'; import { useElementSize } from '@mantine/hooks'; -import { IconAlertCircle } from '@tabler/icons'; +import { IconAlertCircle } from '@tabler/icons-react'; import { AxiosError } from 'axios'; import dayjs from 'dayjs'; import duration from 'dayjs/plugin/duration'; diff --git a/src/widgets/useNet/UsenetQueueList.tsx b/src/widgets/useNet/UsenetQueueList.tsx index 52e797ff5..b3ed643dd 100644 --- a/src/widgets/useNet/UsenetQueueList.tsx +++ b/src/widgets/useNet/UsenetQueueList.tsx @@ -15,7 +15,7 @@ import { useMantineTheme, } from '@mantine/core'; import { useElementSize } from '@mantine/hooks'; -import { IconAlertCircle, IconPlayerPause, IconPlayerPlay } from '@tabler/icons'; +import { IconAlertCircle, IconPlayerPause, IconPlayerPlay } from '@tabler/icons-react'; import { AxiosError } from 'axios'; import dayjs from 'dayjs'; import duration from 'dayjs/plugin/duration'; diff --git a/src/widgets/video/VideoStreamTile.tsx b/src/widgets/video/VideoStreamTile.tsx index 7db8a2c80..e866314de 100644 --- a/src/widgets/video/VideoStreamTile.tsx +++ b/src/widgets/video/VideoStreamTile.tsx @@ -1,5 +1,5 @@ import { Center, Group, Stack, Title } from '@mantine/core'; -import { IconDeviceCctv, IconHeartBroken } from '@tabler/icons'; +import { IconDeviceCctv, IconHeartBroken } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import dynamic from 'next/dynamic'; import { defineWidget } from '../helper'; diff --git a/src/widgets/weather/WeatherIcon.tsx b/src/widgets/weather/WeatherIcon.tsx index 2a845b48e..c55c8a4c9 100644 --- a/src/widgets/weather/WeatherIcon.tsx +++ b/src/widgets/weather/WeatherIcon.tsx @@ -8,8 +8,8 @@ import { IconQuestionMark, IconSnowflake, IconSun, - TablerIcon, -} from '@tabler/icons'; + Icon, +} from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; interface WeatherIconProps { @@ -36,7 +36,7 @@ export const WeatherIcon = ({ code }: WeatherIconProps) => { ); }; -type WeatherDefinitionType = { icon: TablerIcon; name: string; codes: number[] }; +type WeatherDefinitionType = { icon: Icon; name: string; codes: number[] }; // 0 Clear sky // 1, 2, 3 Mainly clear, partly cloudy, and overcast diff --git a/src/widgets/weather/WeatherTile.tsx b/src/widgets/weather/WeatherTile.tsx index b23731aa1..0f42d9424 100644 --- a/src/widgets/weather/WeatherTile.tsx +++ b/src/widgets/weather/WeatherTile.tsx @@ -1,6 +1,6 @@ import { Center, Group, Skeleton, Stack, Text, Title } from '@mantine/core'; import { useElementSize } from '@mantine/hooks'; -import { IconArrowDownRight, IconArrowUpRight, IconCloudRain } from '@tabler/icons'; +import { IconArrowDownRight, IconArrowUpRight, IconCloudRain } from '@tabler/icons-react'; import { defineWidget } from '../helper'; import { IWidget } from '../widgets'; import { useWeatherForCity } from './useWeatherForCity'; diff --git a/src/widgets/widgets.ts b/src/widgets/widgets.ts index a5d458533..f40ca4a4a 100644 --- a/src/widgets/widgets.ts +++ b/src/widgets/widgets.ts @@ -7,7 +7,7 @@ import { SwitchProps, TextInputProps, } from '@mantine/core'; -import { TablerIcon } from '@tabler/icons'; +import { Icon } from '@tabler/icons-react'; import { AreaType } from '../types/area'; import { ShapeType } from '../types/shape'; @@ -130,7 +130,7 @@ export type IMultipleTextInputOptionValue = { // is used to type the widget definitions which will be used to display all widgets export type IWidgetDefinition = { id: TKey; - icon: TablerIcon | string; + icon: Icon | string; options: { [key: string]: IWidgetOptionValue; }; diff --git a/yarn.lock b/yarn.lock index 728a909a9..3d1894c0c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1629,18 +1629,22 @@ __metadata: languageName: node linkType: hard -"@tabler/icons@npm:^1.106.0": - version: 1.119.0 - resolution: "@tabler/icons@npm:1.119.0" +"@tabler/icons-react@npm:^2.18.0": + version: 2.18.0 + resolution: "@tabler/icons-react@npm:2.18.0" + dependencies: + "@tabler/icons": 2.18.0 + prop-types: ^15.7.2 peerDependencies: - react: ^16.x || 17.x || 18.x - react-dom: ^16.x || 17.x || 18.x - peerDependenciesMeta: - react: - optional: true - react-dom: - optional: true - checksum: ef1ac50c1a47b2205cb86ca43c28d69c7b8f547ad9c2c5545190fc4a455e9767f49cb511a6f9e8dc45b046ee7d2dab3d2c87af4fd5bbb1694832a15698158753 + react: ^16.5.1 || ^17.0.0 || ^18.0.0 + checksum: 9a3d3121811b0e63ce6a4748d0ef306c394b7d7c5ac861e643928f2e3d36b40c7f53981672d6bcdc1245cfb02fc3114360390ed7f4e60e2abb05641f1a12aed9 + languageName: node + linkType: hard + +"@tabler/icons@npm:2.18.0": + version: 2.18.0 + resolution: "@tabler/icons@npm:2.18.0" + checksum: 2257b5f39c570e3e87d1c6d9cfb2a1b6326600d39c42a077c491f584f9769efc9d9c361df1d3099243774d18cdaa5506075595a3fd626c82e812dd2b43700e34 languageName: node linkType: hard @@ -4940,7 +4944,7 @@ __metadata: "@nivo/core": ^0.80.0 "@nivo/line": ^0.80.0 "@react-native-async-storage/async-storage": ^1.18.1 - "@tabler/icons": ^1.106.0 + "@tabler/icons-react": ^2.18.0 "@tanstack/query-async-storage-persister": ^4.27.1 "@tanstack/query-sync-storage-persister": ^4.27.1 "@tanstack/react-query": ^4.2.1 @@ -6921,7 +6925,7 @@ __metadata: languageName: node linkType: hard -"prop-types@npm:^15.6.2, prop-types@npm:^15.8.1": +"prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1": version: 15.8.1 resolution: "prop-types@npm:15.8.1" dependencies: