🚧 WIP on Mantine V6

src/widgets/useNet/UseNetTile.tsx

@@ -28,6 +28,7 @@ import { defineWidget } from '../helper';
 import { IWidget } from '../widgets';
 import { UsenetHistoryList } from './UsenetHistoryList';
 import { UsenetQueueList } from './UsenetQueueList';
+import { MIN_WIDTH_MOBILE } from '../../constants/constants';
 
 dayjs.extend(duration);
 
@@ -59,7 +60,6 @@ function UseNetTile({ widget }: UseNetTileProps) {
     config?.apps.filter((x) => x.integration && downloadAppTypes.includes(x.integration.type)) ??
     [];
   const { ref, width, height } = useElementSize();
-  const MIN_WIDTH_MOBILE = useMantineTheme().breakpoints.xs;
 
   const [selectedAppId, setSelectedApp] = useState<string | null>(downloadApps[0]?.id);
   const { data } = useGetUsenetInfo({ appId: selectedAppId! });

src/widgets/useNet/UsenetHistoryList.tsx

@@ -128,7 +128,7 @@ export const UsenetHistoryList: FunctionComponent<UsenetHistoryListProps> = ({ a
           position="center"
           mt="md"
           total={totalPages}
-          page={page}
+          value={page}
           onChange={setPage}
         />
       )}

src/widgets/useNet/UsenetQueueList.tsx

@@ -35,7 +35,7 @@ const PAGE_SIZE = 13;
 export const UsenetQueueList: FunctionComponent<UsenetQueueListProps> = ({ appId }) => {
   const theme = useMantineTheme();
   const { t } = useTranslation('modules/usenet');
-  const progressbarBreakpoint = theme.breakpoints.xs;
+  const progressbarBreakpoint = parseInt(theme.breakpoints.xs, 10);
   const progressBreakpoint = 400;
   const sizeBreakpoint = 300;
   const { ref, width } = useElementSize();
@@ -177,7 +177,7 @@ export const UsenetQueueList: FunctionComponent<UsenetQueueListProps> = ({ appId
           size="sm"
           position="center"
           total={totalPages}
-          page={page}
+          value={page}
           onChange={setPage}
         />
       )}