Lint all files

src/renderer/features/settings/components/general/sidebar-settings.tsx

@@ -8,126 +8,126 @@ import { useSettingsStoreActions, useGeneralSettings } from '../../../../store/s
 import { SettingsOptions } from '/@/renderer/features/settings/components/settings-option';
 
 const DragHandle = ({ dragControls }: any) => {
-  return (
-    <MdDragIndicator
-      color="white"
-      style={{ cursor: 'grab' }}
-      onPointerDown={(event) => dragControls.start(event)}
-    />
-  );
+    return (
+        <MdDragIndicator
+            color="white"
+            style={{ cursor: 'grab' }}
+            onPointerDown={(event) => dragControls.start(event)}
+        />
+    );
 };
 
 interface SidebarItem {
-  disabled: boolean;
-  id: string;
+    disabled: boolean;
+    id: string;
 }
 
 interface DraggableSidebarItemProps {
-  handleChangeDisabled: (id: string, e: boolean) => void;
-  item: SidebarItem;
+    handleChangeDisabled: (id: string, e: boolean) => void;
+    item: SidebarItem;
 }
 
 const DraggableSidebarItem = ({ item, handleChangeDisabled }: DraggableSidebarItemProps) => {
-  const dragControls = useDragControls();
+    const dragControls = useDragControls();
 
-  return (
-    <Reorder.Item
-      as="div"
-      dragControls={dragControls}
-      dragListener={false}
-      value={item}
-    >
-      <Group
-        noWrap
-        h="3rem"
-        style={{ boxShadow: '0 1px 3px rgba(0,0,0,.1)' }}
-      >
-        <Checkbox
-          checked={!item.disabled}
-          onChange={(e) => handleChangeDisabled(item.id, e.target.checked)}
-        />
-        <DragHandle dragControls={dragControls} />
-        {item.id}
-      </Group>
-    </Reorder.Item>
-  );
+    return (
+        <Reorder.Item
+            as="div"
+            dragControls={dragControls}
+            dragListener={false}
+            value={item}
+        >
+            <Group
+                noWrap
+                h="3rem"
+                style={{ boxShadow: '0 1px 3px rgba(0,0,0,.1)' }}
+            >
+                <Checkbox
+                    checked={!item.disabled}
+                    onChange={(e) => handleChangeDisabled(item.id, e.target.checked)}
+                />
+                <DragHandle dragControls={dragControls} />
+                {item.id}
+            </Group>
+        </Reorder.Item>
+    );
 };
 
 export const SidebarSettings = () => {
-  const settings = useGeneralSettings();
-  const { setSidebarItems, setSettings } = useSettingsStoreActions();
+    const settings = useGeneralSettings();
+    const { setSidebarItems, setSettings } = useSettingsStoreActions();
 
-  const [localSidebarItems, setLocalSidebarItems] = useState(settings.sidebarItems);
+    const [localSidebarItems, setLocalSidebarItems] = useState(settings.sidebarItems);
 
-  const handleSave = () => {
-    setSidebarItems(localSidebarItems);
-  };
+    const handleSave = () => {
+        setSidebarItems(localSidebarItems);
+    };
 
-  const handleChangeDisabled = useCallback((id: string, e: boolean) => {
-    setLocalSidebarItems((items) =>
-      items.map((item) => {
-        if (item.id === id) {
-          return {
-            ...item,
-            disabled: !e,
-          };
-        }
+    const handleChangeDisabled = useCallback((id: string, e: boolean) => {
+        setLocalSidebarItems((items) =>
+            items.map((item) => {
+                if (item.id === id) {
+                    return {
+                        ...item,
+                        disabled: !e,
+                    };
+                }
 
-        return item;
-      }),
+                return item;
+            }),
+        );
+    }, []);
+
+    const handleSetSidebarPlaylistList = (e: ChangeEvent<HTMLInputElement>) => {
+        setSettings({
+            general: {
+                ...settings,
+                sidebarPlaylistList: e.target.checked,
+            },
+        });
+    };
+
+    const isSaveButtonDisabled = isEqual(settings.sidebarItems, localSidebarItems);
+
+    return (
+        <>
+            <SettingsOptions
+                control={
+                    <Switch
+                        checked={settings.sidebarPlaylistList}
+                        onChange={handleSetSidebarPlaylistList}
+                    />
+                }
+                description="Show playlist list in sidebar"
+                title="Sidebar playlist list"
+            />
+            <SettingsOptions
+                control={
+                    <Button
+                        compact
+                        disabled={isSaveButtonDisabled}
+                        variant="filled"
+                        onClick={handleSave}
+                    >
+                        Save sidebar configuration
+                    </Button>
+                }
+                description="Select the items and order in which they appear in the sidebar"
+                title="Sidebar configuration"
+            />
+            <Reorder.Group
+                axis="y"
+                values={localSidebarItems}
+                onReorder={setLocalSidebarItems}
+            >
+                {localSidebarItems.map((item) => (
+                    <DraggableSidebarItem
+                        key={item.id}
+                        handleChangeDisabled={handleChangeDisabled}
+                        item={item}
+                    />
+                ))}
+            </Reorder.Group>
+        </>
     );
-  }, []);
-
-  const handleSetSidebarPlaylistList = (e: ChangeEvent<HTMLInputElement>) => {
-    setSettings({
-      general: {
-        ...settings,
-        sidebarPlaylistList: e.target.checked,
-      },
-    });
-  };
-
-  const isSaveButtonDisabled = isEqual(settings.sidebarItems, localSidebarItems);
-
-  return (
-    <>
-      <SettingsOptions
-        control={
-          <Switch
-            checked={settings.sidebarPlaylistList}
-            onChange={handleSetSidebarPlaylistList}
-          />
-        }
-        description="Show playlist list in sidebar"
-        title="Sidebar playlist list"
-      />
-      <SettingsOptions
-        control={
-          <Button
-            compact
-            disabled={isSaveButtonDisabled}
-            variant="filled"
-            onClick={handleSave}
-          >
-            Save sidebar configuration
-          </Button>
-        }
-        description="Select the items and order in which they appear in the sidebar"
-        title="Sidebar configuration"
-      />
-      <Reorder.Group
-        axis="y"
-        values={localSidebarItems}
-        onReorder={setLocalSidebarItems}
-      >
-        {localSidebarItems.map((item) => (
-          <DraggableSidebarItem
-            key={item.id}
-            handleChangeDisabled={handleChangeDisabled}
-            item={item}
-          />
-        ))}
-      </Reorder.Group>
-    </>
-  );
 };