Refactor

src/pages/settings/components/Themes.tsx

@@ -12,25 +12,20 @@ import {
 	TextInput,
 } from '@mantine/core';
 import { useDisclosure, useLocalStorage } from '@mantine/hooks';
+import { useMutationAPI, useQueryAPI } from 'hooks';
 import { useEffect, useState } from 'react';
 import { FiEdit, FiPlus, FiSave, FiTrash, FiX } from 'react-icons/fi';
-import { useMutationAPI, useQueryAPI } from '../../../hooks/useAPI';
 import '@mantine/core/styles/ModalBase.css';
 import '@mantine/core/styles/Modal.css';
 import { modals } from '@mantine/modals';
-import {
-	actionIconClasses,
-	buttonClasses,
-	modalClasses,
-	textClasses,
-} from '../../../styles';
+import { actionIconClasses, buttonClasses, modalClasses, textClasses } from 'styles';
 import ThemeModalContent from './ThemeModalContent';
 function ThemesSettings({ theme }: any) {
 	const [opened, { open, close }] = useDisclosure(false);
 	const [pickerOpen, { open: openPicker, close: closePicker }] = useDisclosure(false);
 	const [colorId, setColorId] = useState<string>('');
 	const [colorValue, setColorValue] = useState('#000000');
-	const [value, setValue] = useLocalStorage<any>({
+	const [_, setValue] = useLocalStorage<any>({
 		key: 'theme',
 		defaultValue: 'blackboard',
 	});
@@ -39,8 +34,8 @@ function ThemesSettings({ theme }: any) {
 	});
 	const [themesList, setThemesList] = useState([]);
 	const [selectedTheme, setSelectedTheme] = useState<any>({});
-	const { mutateAsync: createTheme, isPending: isCreatingTheme } = useMutationAPI();
-	const { mutateAsync: deleteTheme, isPending: isDeletingTheme } = useMutationAPI();
+	const { mutateAsync: createTheme } = useMutationAPI();
+	const { mutateAsync: deleteTheme } = useMutationAPI();
 	useEffect(() => {
 		if (isFetched) {
 			setThemesList(data);