Eslint files

components/AppShelf/AddAppShelfItem.tsx

@@ -35,7 +35,7 @@ export default function AddItemShelfItem(props: any) {
   });
   return (
     <>
-      <Modal size={'xl'} radius="lg" opened={props.opened || opened} onClose={() => setOpened(false)} title="Add a service">
+      <Modal size="xl" radius="lg" opened={props.opened || opened} onClose={() => setOpened(false)} title="Add a service">
           <Center>
             <Image
               height={120}
@@ -49,6 +49,7 @@ export default function AddItemShelfItem(props: any) {
             onSubmit={form.onSubmit(() => {
               addItem(form.values);
               setOpened(false);
+              form.reset();
             })}
           >
             <Group direction="column" grow>
@@ -81,7 +82,7 @@ export default function AddItemShelfItem(props: any) {
               />
               <Select
                 label="Select the type of service (used for API calls)"
-                defaultValue={'Other'}
+                defaultValue="Other"
                 placeholder="Pick one"
                 value={form.values.type}
                 required

components/ColorSchemeToggle/ColorSchemeToggle.tsx

@@ -17,7 +17,7 @@ export function ColorSchemeToggle() {
       <Box
         onClick={() => toggleColorScheme()}
         sx={(theme) => ({
-          cursor: "pointer",
+          cursor: 'pointer',
           color: theme.colorScheme === 'dark' ? theme.colors.yellow[4] : theme.colors.blue[6],
         })}
       >

components/Config/SaveConfig.tsx

@@ -11,7 +11,7 @@ export default function SaveConfigComponent(props: any) {
     }
   }
   return (
-      <Button leftIcon={<Download/>} variant='outline' onClick={onClick}>
+      <Button leftIcon={<Download />} variant="outline" onClick={onClick}>
         Download your config
       </Button>
   );

components/layout/Footer.tsx

@@ -60,8 +60,8 @@ export function Footer({ links }: FooterCenteredProps) {
       mb={15}
     >
       <Group className={classes.links}>{items}</Group>
-      <Group spacing={'xs'} position="right" noWrap>
-        <ActionIcon<'a'> component="a" href={`https://github.com/ajnart/myhomepage`} size="lg">
+      <Group spacing="xs" position="right" noWrap>
+        <ActionIcon<'a'> component="a" href="https://github.com/ajnart/myhomepage" size="lg">
           <BrandGithub size={18} />
         </ActionIcon>
       </Group>

components/layout/Header.tsx

@@ -127,7 +127,7 @@ export function Header({ links }: HeaderResponsiveProps) {
         <Group spacing={5} className={classes.links}>
           {items}
         </Group>
-        <SettingsMenuButton/>
+        <SettingsMenuButton />
 
         <Burger
           opened={opened}