Remove all unused dependencies and items

components/AppShelf/AddAppShelfItem.tsx

@@ -1,7 +1,6 @@
 import {
   useMantineTheme,
   Modal,
-  Paper,
   Center,
   Group,
   TextInput,
@@ -9,9 +8,7 @@ import {
   Button,
   Select,
   AspectRatio,
-  Box,
   Text,
-  Grid,
   Card,
 } from '@mantine/core';
 import { useForm } from '@mantine/hooks';
@@ -19,10 +16,10 @@ import { motion } from 'framer-motion';
 import { useState } from 'react';
 import { Apps } from 'tabler-icons-react';
 import { useConfig } from '../../tools/state';
-import { ServiceType, ServiceTypeList } from '../../tools/types';
+import { ServiceTypeList } from '../../tools/types';
 
 export default function AddItemShelfItem(props: any) {
-  const { config, addService } = useConfig();
+  const { addService } = useConfig();
   const [opened, setOpened] = useState(false);
   const theme = useMantineTheme();
   const form = useForm({
@@ -123,7 +120,6 @@ export default function AddItemShelfItem(props: any) {
       >
         <Card
           style={{
-
             backgroundColor:
               theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],
             width: 200,

components/AppShelf/AppShelf.story.tsx

@@ -15,4 +15,4 @@ export default {
 };
 
 export const Default = (args: any) => <AppShelf {...args} />;
-export const One = (args: any) => <AppShelfItem {...args} />;
+export const One = (args: any) => <AppShelfItem {...args} />;

components/AppShelf/AppShelf.tsx

@@ -1,30 +1,20 @@
 import React, { useEffect, useState } from 'react';
 import { motion } from 'framer-motion';
 import {
-  Grid,
-  Group,
   Text,
-  Anchor,
-  Box,
   AspectRatio,
   createStyles,
   Center,
-  Container,
   SimpleGrid,
-  Space,
   Card,
   useMantineTheme,
   Image,
-  Badge,
 } from '@mantine/core';
-import { showNotification } from '@mantine/notifications';
-import { AlertCircle, Cross, X } from 'tabler-icons-react';
 import AppShelfMenu from './AppShelfMenu';
 import AddItemShelfItem from './AddAppShelfItem';
 import { useConfig } from '../../tools/state';
 import { pingQbittorrent } from '../../tools/api';
-import { Config, serviceItem } from '../../tools/types';
-import { SettingsMenuButton } from '../Settings/SettingsMenu';
+import { serviceItem } from '../../tools/types';
 
 const useStyles = createStyles((theme) => ({
   main: {
@@ -82,7 +72,7 @@ export function AppShelfItem(props: any) {
         style={{
           boxShadow: hovering ? '0px 0px 3px rgba(0, 0, 0, 0.5)' : '0px 0px 1px rgba(0, 0, 0, 0.5)',
         }}
-        radius={'md'}
+        radius="md"
       >
         <motion.div
           animate={{
@@ -93,7 +83,7 @@ export function AppShelfItem(props: any) {
         </motion.div>
         <Card.Section>
           <Center>
-            <Text mt={'sm'} weight={500}>
+            <Text mt="sm" weight={500}>
               {service.name}
             </Text>
           </Center>

components/AppShelf/AppShelfMenu.tsx

@@ -5,11 +5,13 @@ import { Check, Edit, Trash } from 'tabler-icons-react';
 export default function AppShelfMenu(props: any) {
   const { name, removeitem: removeItem } = props;
   return (
-    <Menu style={{
-      position: 'absolute',
-      top: 10,
-      right: 10,
-    }}>
+    <Menu
+      style={{
+        position: 'absolute',
+        top: 10,
+        right: 10,
+      }}
+    >
       <Menu.Label>Settings</Menu.Label>
       <Menu.Item
         color="primary"