Change TS import baseUrl

src/renderer/features/servers/components/AddServerModal.tsx

@@ -35,7 +35,7 @@ export const AddServerModal = ({ ...rest }: ModalProps) => {
           const res = await validateServer(values);
 
           if (res?.token) {
-            createServerMutation.mutateAsync({
+            createServerMutation.mutate({
               ...values,
               remoteUserId: res.userId,
               token: res.token,

src/renderer/features/servers/components/EditServerModal.tsx

@@ -9,7 +9,7 @@ import {
 } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import { useTranslation } from 'react-i18next';
-import { ServerResponse } from 'renderer/api/types';
+import { ServerResponse } from '../../../api/types';
 
 interface EditServerModalProps extends ModalProps {
   server: ServerResponse | undefined;

src/renderer/features/servers/components/ServerList.tsx

@@ -1,8 +1,7 @@
 import { useEffect, useState } from 'react';
-import { Text } from '@mantine/core';
+import { Button, Text } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { ServerResponse } from 'renderer/api/types';
-import { IconButton } from 'renderer/components';
+import { ServerResponse } from '../../../api/types';
 import { useServers } from '../queries/useServers';
 import { EditServerModal } from './EditServerModal';
 import styles from './ServerList.module.scss';
@@ -60,9 +59,7 @@ export const ServerList = () => {
                 {server.name}
                 <Text>Hello</Text>
               </div>
-              <IconButton onClick={() => editServerHandlers.toggle()}>
-                Edit
-              </IconButton>
+              <Button onClick={() => editServerHandlers.toggle()}>Edit</Button>
             </div>
             {selectedServer && (
               <EditServerModal

src/renderer/features/servers/queries/useCreateServer.ts

@@ -1,8 +1,8 @@
 import axios from 'axios';
 import md5 from 'md5';
 import { useMutation } from 'react-query';
-import { serversApi } from 'renderer/api/serversApi';
-import { randomString } from 'renderer/utils';
+import { serversApi } from '../../../api/serversApi';
+import { randomString } from '../../../utils';
 
 export const validateServer = async (options: {
   legacyAuth: boolean;

src/renderer/features/servers/queries/useServers.ts

@@ -1,9 +1,9 @@
 import md5 from 'md5';
 import { useQuery } from 'react-query';
-import { queryKeys } from 'renderer/api/queryKeys';
-import { serversApi } from 'renderer/api/serversApi';
-import { ServerFolderResponse } from 'renderer/api/types';
-import { ServerFolderAuth } from 'types';
+import { ServerFolderAuth } from '../../../../types';
+import { queryKeys } from '../../../api/queryKeys';
+import { serversApi } from '../../../api/serversApi';
+import { ServerFolderResponse } from '../../../api/types';
 
 export const useServers = () => {
   return useQuery({