⬆️ Upgrade to @tabler/icons-react

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';

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';

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';

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 = {

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';

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';
 

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';

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';