refactor: use relative TS path

src/widgets/WidgetWrapper.tsx

@@ -1,8 +1,8 @@
 import { ComponentType } from 'react';
 
 import Widgets from '.';
-import { HomarrCardWrapper } from '../components/Dashboard/Tiles/HomarrCardWrapper';
-import { WidgetsMenu } from '../components/Dashboard/Tiles/Widgets/WidgetsMenu';
+import { HomarrCardWrapper } from '~/components/Dashboard/Tiles/HomarrCardWrapper';
+import { WidgetsMenu } from '~/components/Dashboard/Tiles/Widgets/WidgetsMenu';
 import ErrorBoundary from './boundary';
 import { IWidget } from './widgets';
 

src/widgets/bookmark/BookmarkWidgetTile.tsx

@@ -31,8 +31,8 @@ import { v4 } from 'uuid';
 import { z } from 'zod';
 import React from 'react';
 
-import { useEditModeStore } from '../../components/Dashboard/Views/useEditModeStore';
-import { IconSelector } from '../../components/IconSelector/IconSelector';
+import { useEditModeStore } from '~/components/Dashboard/Views/useEditModeStore';
+import { IconSelector } from '~/components/IconSelector/IconSelector';
 import { defineWidget } from '../helper';
 import { IDraggableEditableListInputValue, IWidget } from '../widgets';
 

src/widgets/boundary.tsx

@@ -5,7 +5,7 @@ import Consola from 'consola';
 import { withTranslation } from 'next-i18next';
 import React, { ReactNode } from 'react';
 
-import { WidgetsMenu } from '../components/Dashboard/Tiles/Widgets/WidgetsMenu';
+import { WidgetsMenu } from '~/components/Dashboard/Tiles/Widgets/WidgetsMenu';
 import { IWidget } from './widgets';
 
 type ErrorBoundaryState = {

src/widgets/calendar/CalendarTile.tsx

@@ -6,8 +6,8 @@ import { useState } from 'react';
 import { getLanguageByCode } from '~/tools/language';
 import { RouterOutputs, api } from '~/utils/api';
 
-import { useEditModeStore } from '../../components/Dashboard/Views/useEditModeStore';
-import { useConfigContext } from '../../config/provider';
+import { useEditModeStore } from '~/components/Dashboard/Views/useEditModeStore';
+import { useConfigContext } from '~/config/provider';
 import { defineWidget } from '../helper';
 import { IWidget } from '../widgets';
 import { CalendarDay } from './CalendarDay';

src/widgets/calendar/MediaList.tsx

@@ -7,7 +7,7 @@ import {
   RadarrMediaDisplay,
   ReadarrMediaDisplay,
   SonarrMediaDisplay,
-} from '../../modules/common';
+} from '~/modules/common';
 import { MediasType } from './type';
 
 interface MediaListProps {

src/widgets/calendar/bg-calculator.ts

@@ -1,6 +1,6 @@
 import { ColorScheme, useMantineTheme } from '@mantine/core';
 
-import { isToday } from '../../tools/shared/time/date.tool';
+import { isToday } from '~/tools/shared/time/date.tool';
 
 export const getBgColorByDateAndTheme = (colorScheme: ColorScheme, date: Date) => {
   if (!isToday(date)) {

src/widgets/dashDot/DashDotCompactNetwork.tsx

@@ -3,7 +3,7 @@ import { IconArrowNarrowDown, IconArrowNarrowUp } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import { RouterOutputs } from '~/utils/api';
 
-import { bytes } from '../../tools/bytesHelper';
+import { bytes } from '~/tools/bytesHelper';
 
 interface DashDotCompactNetworkProps {
   info: DashDotInfo;

src/widgets/dashDot/DashDotCompactStorage.tsx

@@ -2,8 +2,8 @@ import { Group, Stack, Text } from '@mantine/core';
 import { useTranslation } from 'next-i18next';
 import { api } from '~/utils/api';
 
-import { bytes } from '../../tools/bytesHelper';
-import { percentage } from '../../tools/shared/math/percentage.tool';
+import { bytes } from '~/tools/bytesHelper';
+import { percentage } from '~/tools/shared/math/percentage.tool';
 import { DashDotInfo } from './DashDotCompactNetwork';
 
 interface DashDotCompactStorageProps {

src/widgets/date/DateTile.tsx

@@ -9,7 +9,7 @@ import { useEffect, useRef, useState } from 'react';
 import { getLanguageByCode } from '~/tools/language';
 import { api } from '~/utils/api';
 
-import { useSetSafeInterval } from '../../hooks/useSetSafeInterval';
+import { useSetSafeInterval } from '~/hooks/useSetSafeInterval';
 import { defineWidget } from '../helper';
 import { IWidget } from '../widgets';
 

src/widgets/dnshole/DnsHoleControls.tsx

@@ -5,7 +5,7 @@ import { useSession } from 'next-auth/react';
 import { useTranslation } from 'next-i18next';
 import { api } from '~/utils/api';
 
-import { useConfigContext } from '../../config/provider';
+import { useConfigContext } from '~/config/provider';
 import { defineWidget } from '../helper';
 import { WidgetLoading } from '../loading';
 import { IWidget } from '../widgets';

src/widgets/dnshole/DnsHoleSummary.tsx

@@ -12,7 +12,7 @@ import { useTranslation } from 'next-i18next';
 import { useConfigContext } from '~/config/provider';
 import { RouterOutputs, api } from '~/utils/api';
 
-import { formatNumber, formatPercentage } from '../../tools/client/math';
+import { formatNumber, formatPercentage } from '~/tools/client/math';
 import { defineWidget } from '../helper';
 import { WidgetLoading } from '../loading';
 import { IWidget } from '../widgets';

src/widgets/download-speed/Tile.tsx

@@ -16,15 +16,15 @@ import { IconDownload, IconUpload } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import { useEffect } from 'react';
 
-import { AppAvatar } from '../../components/AppAvatar';
-import { useConfigContext } from '../../config/provider';
+import { AppAvatar } from '~/components/AppAvatar';
+import { useConfigContext } from '~/config/provider';
 import { useGetDownloadClientsQueue } from './useGetNetworkSpeed';
-import { useColorTheme } from '../../tools/color';
-import { humanFileSize } from '../../tools/humanFileSize';
+import { useColorTheme } from '~/tools/color';
+import { humanFileSize } from '~/tools/humanFileSize';
 import {
   NormalizedDownloadQueueResponse,
   TorrentTotalDownload,
-} from '../../types/api/downloads/queue/NormalizedDownloadQueueResponse';
+} from '~/types/api/downloads/queue/NormalizedDownloadQueueResponse';
 import definition, { ITorrentNetworkTraffic } from './TorrentNetworkTrafficTile';
 
 interface TorrentNetworkTrafficTileProps {

src/widgets/media-server/DetailCollapseable.tsx

@@ -1,7 +1,7 @@
 import { Card, Divider, Flex, Grid, Group, Text } from '@mantine/core';
 import { IconDeviceMobile, IconId } from '@tabler/icons-react';
 
-import { GenericSessionInfo } from '../../types/api/media-server/session-info';
+import { GenericSessionInfo } from '~/types/api/media-server/session-info';
 import { useTranslation } from 'react-i18next';
 
 export const DetailCollapseable = ({ session }: { session: GenericSessionInfo }) => {

src/widgets/media-server/MediaServerTile.tsx

@@ -12,9 +12,9 @@ import {
 import { IconAlertTriangle, IconMovie } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 
-import { AppAvatar } from '../../components/AppAvatar';
-import { useEditModeStore } from '../../components/Dashboard/Views/useEditModeStore';
-import { useConfigContext } from '../../config/provider';
+import { AppAvatar } from '~/components/AppAvatar';
+import { useEditModeStore } from '~/components/Dashboard/Views/useEditModeStore';
+import { useConfigContext } from '~/config/provider';
 import { useGetMediaServers } from './useGetMediaServers';
 import { defineWidget } from '../helper';
 import { IWidget } from '../widgets';

src/widgets/media-server/NowPlayingDisplay.tsx

@@ -9,7 +9,7 @@ import {
 } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 
-import { GenericSessionInfo } from '../../types/api/media-server/session-info';
+import { GenericSessionInfo } from '~/types/api/media-server/session-info';
 
 export const NowPlayingDisplay = ({ session }: { session: GenericSessionInfo }) => {
   const { t } = useTranslation();

src/widgets/media-server/TableRow.tsx

@@ -1,9 +1,9 @@
 import { Avatar, Collapse, Flex, Text, createStyles } from '@mantine/core';
 import { useState } from 'react';
 
-import { AppAvatar } from '../../components/AppAvatar';
-import { GenericSessionInfo } from '../../types/api/media-server/session-info';
-import { AppType } from '../../types/app';
+import { AppAvatar } from '~/components/AppAvatar';
+import { GenericSessionInfo } from '~/types/api/media-server/session-info';
+import { AppType } from '~/types/app';
 import { DetailCollapseable } from './DetailCollapseable';
 import { NowPlayingDisplay } from './NowPlayingDisplay';
 

src/widgets/notebook/NotebookEditor.tsx

@@ -9,8 +9,8 @@ import { useConfigStore } from '~/config/store';
 import { useColorTheme } from '~/tools/color';
 import { api } from '~/utils/api';
 
-import { useEditModeStore } from '../../components/Dashboard/Views/useEditModeStore';
-import { useConfigContext } from '../../config/provider';
+import { useEditModeStore } from '~/components/Dashboard/Views/useEditModeStore';
+import { useConfigContext } from '~/config/provider';
 import { WidgetLoading } from '../loading';
 import { INotebookWidget } from './NotebookWidgetTile';
 

src/widgets/torrent/TorrentQueueItem.tsx

@@ -27,9 +27,9 @@ import {
 import { useTranslation } from 'next-i18next';
 import { MIN_WIDTH_MOBILE } from '~/constants/constants';
 
-import { calculateETA } from '../../tools/client/calculateEta';
-import { humanFileSize } from '../../tools/humanFileSize';
-import { AppType } from '../../types/app';
+import { calculateETA } from '~/tools/client/calculateEta';
+import { humanFileSize } from '~/tools/humanFileSize';
+import { AppType } from '~/types/app';
 
 interface TorrentQueueItemProps {
   torrent: NormalizedTorrent;

src/widgets/torrent/TorrentTile.tsx

@@ -19,9 +19,9 @@ import relativeTime from 'dayjs/plugin/relativeTime';
 import { useTranslation } from 'next-i18next';
 import { useCardStyles } from '~/components/layout/Common/useCardStyles';
 
-import { MIN_WIDTH_MOBILE } from '../../constants/constants';
-import { NormalizedDownloadQueueResponse } from '../../types/api/downloads/queue/NormalizedDownloadQueueResponse';
-import { AppIntegrationType } from '../../types/app';
+import { MIN_WIDTH_MOBILE } from '~/constants/constants';
+import { NormalizedDownloadQueueResponse } from '~/types/api/downloads/queue/NormalizedDownloadQueueResponse';
+import { AppIntegrationType } from '~/types/app';
 import { useGetDownloadClientsQueue } from '../download-speed/useGetNetworkSpeed';
 import { defineWidget } from '../helper';
 import { IWidget } from '../widgets';

src/widgets/useNet/UseNetTile.tsx

@@ -7,10 +7,10 @@ import { useSession } from 'next-auth/react';
 import { useTranslation } from 'next-i18next';
 import { useEffect, useState } from 'react';
 
-import { useConfigContext } from '../../config/provider';
-import { MIN_WIDTH_MOBILE } from '../../constants/constants';
-import { humanFileSize } from '../../tools/humanFileSize';
-import { AppIntegrationType } from '../../types/app';
+import { useConfigContext } from '~/config/provider';
+import { MIN_WIDTH_MOBILE } from '~/constants/constants';
+import { humanFileSize } from '~/tools/humanFileSize';
+import { AppIntegrationType } from '~/types/app';
 import {
   useGetUsenetInfo,
   usePauseUsenetQueueMutation,

src/widgets/useNet/UsenetHistoryList.tsx

@@ -19,8 +19,8 @@ import { useTranslation } from 'next-i18next';
 import { FunctionComponent, useState } from 'react';
 
 import { useGetUsenetHistory } from '../dashDot/api';
-import { parseDuration } from '../../tools/client/parseDuration';
-import { humanFileSize } from '../../tools/humanFileSize';
+import { parseDuration } from '~/tools/client/parseDuration';
+import { humanFileSize } from '~/tools/humanFileSize';
 
 dayjs.extend(duration);
 

src/widgets/useNet/UsenetQueueList.tsx

@@ -21,7 +21,7 @@ import duration from 'dayjs/plugin/duration';
 import { useTranslation } from 'next-i18next';
 import { FunctionComponent, useState } from 'react';
 
-import { humanFileSize } from '../../tools/humanFileSize';
+import { humanFileSize } from '~/tools/humanFileSize';
 import { useGetUsenetDownloads } from '../dashDot/api';
 
 dayjs.extend(duration);

src/widgets/widgets.ts

@@ -9,8 +9,8 @@ import {
 import { Icon } from '@tabler/icons-react';
 import React from 'react';
 
-import { AreaType } from '../types/area';
-import { ShapeType } from '../types/shape';
+import { AreaType } from '~/types/area';
+import { ShapeType } from '~/types/shape';
 
 // Type of widgets which are saved to config
 export type IWidget<TKey extends string, TDefinition extends IWidgetDefinition> = {