fix remaining eslint rules and remove some comments

Author: potat-dev

src/app/advSearch/page.tsx

@@ -16,8 +16,6 @@ function SearchBarContent() {
     const searchParams = useSearchParams();
     const search = searchParams.get('q');
 
-    // URL -> `/dashboard?search=my-project`
-    // `search` -> 'my-project'
     return (
         <div>
             <div>

src/app/search/page.tsx

@@ -18,8 +18,6 @@ function SearchBarContent() {
     const searchParams = useSearchParams();
     const search = searchParams.get('q');
 
-    // URL -> `/dashboard?search=my-project`
-    // `search` -> 'my-project'
     return (
         <div>
             <div>

src/components/ColorSchemeToggle/ColorSchemeToggle.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import cx from 'clsx';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { ActionIcon, Group, useMantineColorScheme, useComputedColorScheme } from '@mantine/core';
 import { IconSun, IconMoon } from '@tabler/icons-react';
 import classes from './ActionToggle.module.css';
@@ -22,10 +21,5 @@ export function ColorSchemeToggle() {
                 <IconMoon className={cx(classes.icon, classes.dark)} stroke={1.5} />
             </ActionIcon>
         </Group>
-        // <Group justify="center">
-        //     <Button onClick={() => setColorScheme('light')}>Light</Button>
-        //     <Button onClick={() => setColorScheme('dark')}>Dark</Button>
-        //     <Button onClick={() => setColorScheme('auto')}>Auto</Button>
-        // </Group>
     );
 }

src/components/VerticalList/VerticalList.tsx

@@ -1,9 +1,6 @@
 'use client';
 
-/* eslint-disable arrow-body-style */
-
 import React, { useEffect, useState } from 'react';
-// import { useSearchParams } from 'next/navigation';
 import ListOfCards from './VerticalListForm';
 import { Book } from '@/src/types/api';
 import { useAuthContext } from '@/src/firebase/context';
@@ -15,8 +12,6 @@ interface VerticalListProps {
 }
 
 export default function BooksByBookshelfPage(params: VerticalListProps) {
-    // const searchParams = useSearchParams();
-    // const bookshelfId = searchParams.get('q');
     const { bookshelfId } = params;
 
     const { user } = useAuthContext();
@@ -57,37 +52,3 @@ export default function BooksByBookshelfPage(params: VerticalListProps) {
         </div>
     );
 }
-
-// const MyComponent: React.FC = () => {
-//     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-//     const [items, setItems] = useState<Item[]>(generateItems(10));
-
-//     return <ListOfCards items={items} />;
-// };
-
-// interface Item {
-//     id: string;
-//     image: string;
-//     title: string;
-//     text: string;
-// }
-
-// const generateItems = (count: number): Item[] => {
-//     return Array.from({ length: count }, (_, i) => ({
-//         id: `${i + 1}`,
-//         image: 'https://sun9-16.userapi.com/impf/c637718/v637718963/51fd9/nACCl1pDqvM.jpg?size=222x314&quality=96&sign=e71b016beb5daa4c8f7a968c83636cf2&type=album',
-//         title: `SuperJet ${i + 100}`,
-//         text: `This is the text for item ${i + 1}`,
-//     }));
-// };
-
-// const MyComponent: React.FC = () => {
-//     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-//     const [items, setItems] = useState<Item[]>(generateItems(10));
-
-//     return (
-//         <ListOfCards items={items} />
-//     );
-// };
-
-// export default MyComponent;

src/components/VerticalList/VerticalListForm.tsx

@@ -1,10 +1,7 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 'use client';
 
 import { Text, Button, Stack, Card, Group, Image, AspectRatio } from '@mantine/core';
 import { useRef } from 'react';
-import Link from 'next/link';
 import classes from './VerticalListForm.module.css';
 import { Book } from '@/src/types/api';
 import { useAuthContext } from '@/src/firebase/context';

src/components/VerticalList/VerticalListSearch.tsx

@@ -1,9 +1,6 @@
 'use client';
 
-/* eslint-disable arrow-body-style */
-
 import React, { useEffect, useState } from 'react';
-// import { useSearchParams } from 'next/navigation';
 import { Loader } from '@mantine/core';
 import ListOfCards from './VerticalListForm';
 import { Book } from '@/src/types/api';
@@ -16,18 +13,13 @@ const delay = (ms: number | undefined) =>
         setTimeout(resolve, ms);
     });
 
-// eslint-disable-next-line max-len
 export default function VerticalListSearch({
     ISBN,
     isAdv,
 }: {
     ISBN: string | null;
     isAdv?: boolean;
 }) {
-    // const searchParams = useSearchParams();
-    // const bookshelfId = searchParams.get('q');
-    // const { ISBN } = params;
-
     const { user } = useAuthContext();
     const [books, setBooks] = useState<Book[]>([]);
     const [loading, setLoading] = useState<boolean>(true);