Lint all files

src/renderer/layouts/default-layout/side-drawer-queue.tsx

@@ -10,132 +10,132 @@ import { useAppStore, useSidebarStore } from '/@/renderer/store';
 import { Platform } from '/@/renderer/types';
 
 const QueueDrawerArea = styled(motion.div)`
-  position: absolute;
-  top: 50%;
-  right: 25px;
-  z-index: 100;
-  display: flex;
-  align-items: center;
-  width: 20px;
-  height: 30px;
-  user-select: none;
+    position: absolute;
+    top: 50%;
+    right: 25px;
+    z-index: 100;
+    display: flex;
+    align-items: center;
+    width: 20px;
+    height: 30px;
+    user-select: none;
 `;
 
 const QueueDrawer = styled(motion.div)`
-  background: var(--main-bg);
-  border: 3px solid var(--generic-border-color);
-  border-radius: 10px;
+    background: var(--main-bg);
+    border: 3px solid var(--generic-border-color);
+    border-radius: 10px;
 `;
 
 const queueDrawerVariants: Variants = {
-  closed: (windowBarStyle) => ({
-    height:
-      windowBarStyle === Platform.WINDOWS || Platform.MACOS
-        ? 'calc(100vh - 205px)'
-        : 'calc(100vh - 175px)',
-    position: 'absolute',
-    right: 0,
-    top: '75px',
-    transition: {
-      duration: 0.4,
-      ease: 'anticipate',
-    },
-    width: '450px',
-    x: '50vw',
-  }),
-  open: (windowBarStyle) => ({
-    boxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.8)',
-    height:
-      windowBarStyle === Platform.WINDOWS || Platform.MACOS
-        ? 'calc(100vh - 205px)'
-        : 'calc(100vh - 175px)',
-    position: 'absolute',
-    right: '20px',
-    top: '75px',
-    transition: {
-      damping: 10,
-      delay: 0,
-      duration: 0.4,
-      ease: 'anticipate',
-      mass: 0.5,
-    },
-    width: '450px',
-    x: 0,
-    zIndex: 120,
-  }),
+    closed: (windowBarStyle) => ({
+        height:
+            windowBarStyle === Platform.WINDOWS || Platform.MACOS
+                ? 'calc(100vh - 205px)'
+                : 'calc(100vh - 175px)',
+        position: 'absolute',
+        right: 0,
+        top: '75px',
+        transition: {
+            duration: 0.4,
+            ease: 'anticipate',
+        },
+        width: '450px',
+        x: '50vw',
+    }),
+    open: (windowBarStyle) => ({
+        boxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.8)',
+        height:
+            windowBarStyle === Platform.WINDOWS || Platform.MACOS
+                ? 'calc(100vh - 205px)'
+                : 'calc(100vh - 175px)',
+        position: 'absolute',
+        right: '20px',
+        top: '75px',
+        transition: {
+            damping: 10,
+            delay: 0,
+            duration: 0.4,
+            ease: 'anticipate',
+            mass: 0.5,
+        },
+        width: '450px',
+        x: 0,
+        zIndex: 120,
+    }),
 };
 
 const queueDrawerButtonVariants: Variants = {
-  hidden: {
-    opacity: 0,
-    transition: { duration: 0.2 },
-    x: 100,
-  },
-  visible: {
-    opacity: 0.5,
-    transition: { duration: 0.1, ease: 'anticipate' },
-    x: 0,
-  },
+    hidden: {
+        opacity: 0,
+        transition: { duration: 0.2 },
+        x: 100,
+    },
+    visible: {
+        opacity: 0.5,
+        transition: { duration: 0.1, ease: 'anticipate' },
+        x: 0,
+    },
 };
 
 export const SideDrawerQueue = () => {
-  const location = useLocation();
-  const [drawer, drawerHandler] = useDisclosure(false);
-  const { rightExpanded } = useSidebarStore();
+    const location = useLocation();
+    const [drawer, drawerHandler] = useDisclosure(false);
+    const { rightExpanded } = useSidebarStore();
 
-  const drawerTimeout = useTimeout(() => drawerHandler.open(), 500);
+    const drawerTimeout = useTimeout(() => drawerHandler.open(), 500);
 
-  const handleEnterDrawerButton = useCallback(() => {
-    drawerTimeout.start();
-  }, [drawerTimeout]);
+    const handleEnterDrawerButton = useCallback(() => {
+        drawerTimeout.start();
+    }, [drawerTimeout]);
 
-  const handleLeaveDrawerButton = useCallback(() => {
-    drawerTimeout.clear();
-  }, [drawerTimeout]);
+    const handleLeaveDrawerButton = useCallback(() => {
+        drawerTimeout.clear();
+    }, [drawerTimeout]);
 
-  const isQueueDrawerButtonVisible =
-    !rightExpanded && !drawer && location.pathname !== AppRoute.NOW_PLAYING;
+    const isQueueDrawerButtonVisible =
+        !rightExpanded && !drawer && location.pathname !== AppRoute.NOW_PLAYING;
 
-  return (
-    <>
-      <AnimatePresence
-        initial={false}
-        mode="wait"
-      >
-        {isQueueDrawerButtonVisible && (
-          <QueueDrawerArea
-            key="queue-drawer-button"
-            animate="visible"
-            exit="hidden"
-            initial="hidden"
-            variants={queueDrawerButtonVariants}
-            whileHover={{ opacity: 1, scale: 2, transition: { duration: 0.5 } }}
-            onMouseEnter={handleEnterDrawerButton}
-            onMouseLeave={handleLeaveDrawerButton}
-          >
-            <TbArrowBarLeft size={12} />
-          </QueueDrawerArea>
-        )}
+    return (
+        <>
+            <AnimatePresence
+                initial={false}
+                mode="wait"
+            >
+                {isQueueDrawerButtonVisible && (
+                    <QueueDrawerArea
+                        key="queue-drawer-button"
+                        animate="visible"
+                        exit="hidden"
+                        initial="hidden"
+                        variants={queueDrawerButtonVariants}
+                        whileHover={{ opacity: 1, scale: 2, transition: { duration: 0.5 } }}
+                        onMouseEnter={handleEnterDrawerButton}
+                        onMouseLeave={handleLeaveDrawerButton}
+                    >
+                        <TbArrowBarLeft size={12} />
+                    </QueueDrawerArea>
+                )}
 
-        {drawer && (
-          <QueueDrawer
-            key="queue-drawer"
-            animate="open"
-            exit="closed"
-            initial="closed"
-            variants={queueDrawerVariants}
-            onMouseLeave={() => {
-              // The drawer will close due to the delay when setting isReorderingQueue
-              setTimeout(() => {
-                if (useAppStore.getState().isReorderingQueue) return;
-                drawerHandler.close();
-              }, 50);
-            }}
-          >
-            <DrawerPlayQueue />
-          </QueueDrawer>
-        )}
-      </AnimatePresence>
-    </>
-  );
+                {drawer && (
+                    <QueueDrawer
+                        key="queue-drawer"
+                        animate="open"
+                        exit="closed"
+                        initial="closed"
+                        variants={queueDrawerVariants}
+                        onMouseLeave={() => {
+                            // The drawer will close due to the delay when setting isReorderingQueue
+                            setTimeout(() => {
+                                if (useAppStore.getState().isReorderingQueue) return;
+                                drawerHandler.close();
+                            }, 50);
+                        }}
+                    >
+                        <DrawerPlayQueue />
+                    </QueueDrawer>
+                )}
+            </AnimatePresence>
+        </>
+    );
 };