Update nextauth + linting

Author: MeshanKhosla

package-lock.json

@@ -42,7 +42,7 @@
     "chakra-react-select": "^4.2.4",
     "framer-motion": "^7.4.0",
     "next": "12.3.1",
-    "next-auth": "^4.18.7",
+    "next-auth": "^4.20.1",
     "react": "18.2.0",
     "react-confetti": "^6.1.0",
     "react-csv-importer": "^0.7.1",

package.json

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Box, Button, Checkbox, Flex, Input, position, Text, Tooltip, useToast } from '@chakra-ui/react';
+import { Box, Button, Checkbox, Flex, Input, Text, Tooltip, useToast } from '@chakra-ui/react';
 import { Assignment, Location } from '@prisma/client';
 import { trpc } from '../../utils/trpc';
 import AdminCard from './AdminCard';

src/components/admin/AdminList.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { Assignment, Location, SiteSettings, SiteSettingsValues } from '@prisma/client';
 import { trpc } from '../../utils/trpc';
-import { Flex, Spinner, Switch, Text, Tooltip, Radio, RadioGroup, Divider } from '@chakra-ui/react';
+import { Flex, Spinner, Switch, Text, Divider } from '@chakra-ui/react';
 import useSiteSettings from '../../utils/hooks/useSiteSettings';
 import AdminList from './AdminList';
 import ImportUsersMethod from './ImportUsersMethod';

src/components/admin/AdminView.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from 'react';
 import { PersonalQueue, TicketStatus, UserRole } from '@prisma/client';
-import { Flex, Modal, Skeleton, SkeletonText, Tab, TabList, TabPanel, TabPanels, Tabs, Text } from '@chakra-ui/react';
+import { Flex, Skeleton, SkeletonText, Tab, TabList, TabPanel, TabPanels, Tabs, Text } from '@chakra-ui/react';
 import { trpc } from '../../utils/trpc';
 import { useChannel } from '@ably-labs/react-hooks';
 import { uppercaseFirstLetter } from '../../utils/utils';
@@ -243,7 +243,7 @@ const TicketQueue = (props: TicketQueueProps) => {
             You have no tickets
           </Text>
         )}
-        {getMyTickets()?.map((ticket, idx) => (
+        {getMyTickets()?.map(ticket => (
           <TicketCard
             idx={getLocationOnQueue(ticket)}
             key={ticket.id}

src/components/queue/TicketQueue.tsx

@@ -41,7 +41,7 @@ const EditableControls = ({ setIsEditing }: { setIsEditing: (val: boolean) => vo
 
   useEffect(() => {
     setIsEditing(isEditing);
-  }, [isEditing]);
+  }, [isEditing, setIsEditing]);
 
   return isEditing ? (
     <ButtonGroup ml={4} mt={1} justifyContent='center' size='sm'>

src/components/ticket-page/InnerTicketInfo.tsx

@@ -1,5 +1,4 @@
 import { SiteSettings, SiteSettingsValues } from '@prisma/client';
-import Router from 'next/router';
 import { TicketWithNames } from '../server/trpc/router/ticket';
 
 export const uppercaseFirstLetter = (str: string) => {