refactor: optimize imports (#1822)

src/components/Dashboard/Modals/SelectElement/Components/WidgetsTab/WidgetElementType.tsx

@@ -29,7 +29,7 @@ export const WidgetElementType = ({ id, image, disabled, widget }: WidgetElement
   const getLowestWrapper = () => config?.wrappers.sort((a, b) => a.position - b.position)[0];
 
   const handleAddition = async () => {
-    updateConfig(
+    await updateConfig(
       configName,
       (prev) => ({
         ...prev,

src/components/Dashboard/Wrappers/Category/CategoryEditModal.tsx

@@ -28,7 +28,7 @@ export const CategoryEditModal = ({
   });
 
   const handleSubmit = async (values: FormType) => {
-    innerProps.onSuccess({ ...innerProps.category, name: values.name });
+    await innerProps.onSuccess({ ...innerProps.category, name: values.name });
     context.closeModal(id);
   };
 

src/components/Dashboard/Wrappers/Category/useCategoryActions.tsx

@@ -32,7 +32,7 @@ export const useCategoryActions = (configName: string | undefined, category: Cat
           };
 
           // Adding category and wrapper and moving other items down
-          updateConfig(
+          await updateConfig(
             configName,
             (previous) => {
               const aboveWrappers = previous.wrappers.filter((x) => x.position <= abovePosition);
@@ -87,7 +87,7 @@ export const useCategoryActions = (configName: string | undefined, category: Cat
           };
 
           // Adding category and wrapper and moving other items down
-          updateConfig(
+          await updateConfig(
             configName,
             (previous) => {
               const aboveWrappers = previous.wrappers.filter((x) => x.position < belowPosition);

src/config/provider.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, createContext, useContext, useEffect, useState } from 'react';
+import { createContext, ReactNode, useContext, useEffect, useState } from 'react';
 import { shallow } from 'zustand/shallow';
 import { useColorTheme } from '~/tools/color';
 import { ConfigType } from '~/types/config';

src/pages/401.tsx

@@ -1,14 +1,14 @@
-import { Button, Center, Stack, Title, Text, createStyles } from "@mantine/core";
-import { useTranslation } from "next-i18next";
-import Image from "next/image";
-import Head from "next/head";
-import { MainLayout } from "~/components/layout/Templates/MainLayout";
-import Link from "next/link";
+import { Button, Center, createStyles, Stack, Text, Title } from '@mantine/core';
+import { useTranslation } from 'next-i18next';
+import Image from 'next/image';
+import Head from 'next/head';
+import { MainLayout } from '~/components/layout/Templates/MainLayout';
+import Link from 'next/link';
 
 import imageAccessDenied from '~/images/undraw_secure_login_pdn4.svg';
-import { pageAccessDeniedNamespaces } from "~/tools/server/translation-namespaces";
-import { getServerSideTranslations } from "~/tools/server/getServerSideTranslations";
-import { GetServerSidePropsContext } from "next";
+import { pageAccessDeniedNamespaces } from '~/tools/server/translation-namespaces';
+import { getServerSideTranslations } from '~/tools/server/getServerSideTranslations';
+import { GetServerSidePropsContext } from 'next';
 
 export default function Custom401() {
   const { classes } = useStyles();

src/pages/404.tsx

@@ -1,4 +1,4 @@
-import { Button, Center, Stack, Text, Title, createStyles } from '@mantine/core';
+import { Button, Center, createStyles, Stack, Text, Title } from '@mantine/core';
 import { GetServerSidePropsContext } from 'next';
 import { useTranslation } from 'next-i18next';
 import Head from 'next/head';

src/pages/_app.tsx

@@ -10,7 +10,7 @@ import utc from 'dayjs/plugin/utc';
 import 'flag-icons/css/flag-icons.min.css';
 import { GetServerSidePropsContext } from 'next';
 import { Session } from 'next-auth';
-import { SessionProvider, getSession } from 'next-auth/react';
+import { getSession, SessionProvider } from 'next-auth/react';
 import { appWithTranslation } from 'next-i18next';
 import { AppProps } from 'next/app';
 import Script from 'next/script';
@@ -24,10 +24,7 @@ import { modals } from '~/modals';
 import { usePackageAttributesStore } from '~/tools/client/zustands/usePackageAttributesStore';
 import { ColorTheme } from '~/tools/color';
 import { getLanguageByCode } from '~/tools/language';
-import {
-  ServerSidePackageAttributesType,
-  getServiceSidePackageAttributes,
-} from '~/tools/server/getPackageVersion';
+import { getServiceSidePackageAttributes, ServerSidePackageAttributesType } from '~/tools/server/getPackageVersion';
 import { theme } from '~/tools/server/theme/theme';
 import { ConfigType } from '~/types/config';
 import { api } from '~/utils/api';

src/pages/_error.tsx

@@ -1,13 +1,4 @@
-import {
-  Accordion,
-  Center,
-  Group,
-  Stack,
-  Text,
-  Title,
-  createStyles,
-  useMantineTheme,
-} from '@mantine/core';
+import { Accordion, Center, createStyles, Group, Stack, Text, Title, useMantineTheme } from '@mantine/core';
 import { IconDeviceDesktop, IconInfoCircle, IconServer } from '@tabler/icons-react';
 import { NextPageContext } from 'next';
 import Head from 'next/head';

src/pages/auth/invite/[inviteId].tsx

@@ -1,14 +1,4 @@
-import {
-  Button,
-  Card,
-  Flex,
-  PasswordInput,
-  Popover,
-  Stack,
-  Text,
-  TextInput,
-  Title,
-} from '@mantine/core';
+import { Button, Card, Flex, PasswordInput, Stack, Text, TextInput, Title } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import { showNotification, updateNotification } from '@mantine/notifications';
 import { IconCheck, IconX } from '@tabler/icons-react';

src/pages/auth/login.tsx

@@ -1,15 +1,4 @@
-import {
-  ActionIcon,
-  Alert,
-  Button,
-  Card,
-  Flex,
-  PasswordInput,
-  Stack,
-  Text,
-  TextInput,
-  Title,
-} from '@mantine/core';
+import { Alert, Button, Card, Flex, PasswordInput, Stack, Text, TextInput, Title } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import { IconAlertTriangle } from '@tabler/icons-react';
 import { GetServerSideProps, InferGetServerSidePropsType } from 'next';