resolve some linting errors

Author: aevinj

src/components/calendar-overview.tsx

@@ -45,7 +45,6 @@ import slotifyClient from '@/hooks/fetch'
 import { errorToast, toast } from '@/hooks/use-toast'
 import { CreateManualEventDialog } from '@/components/calendar/create-manual-event-dialog'
 import { CreateEvent } from '@/components/calendar/create-event'
-import { get } from 'http'
 
 export function CalendarOverview() {
   const [isDayEventsDialogOpen, setIsDayEventsDialogOpen] = useState(false)

src/components/calendar/create-event.tsx

@@ -16,6 +16,7 @@ import { WeeklyCalendar } from './weekly-calendar'
 import slotifyClient from '@/hooks/fetch'
 import { toast } from '@/hooks/use-toast'
 import * as ScrollArea from '@radix-ui/react-scroll-area'
+import { User, AttendeeBase, CalendarEvent } from '@/types/types'
 
 interface CreateEventProps {
   open: boolean
@@ -33,28 +34,23 @@ export function CreateEvent({ open, onOpenChangeAction }: CreateEventProps) {
   // Create a local open state so that child components can update it.
   const [isOpen, setIsOpen] = useState(open)
 
-  // Sync local state if prop changes.
-  useEffect(() => {
-    setIsOpen(open)
-  }, [open])
-
   // Callback to update open in both local state and parent state.
   const handleUpdateOpen = useCallback(
     (newOpen: boolean) => {
       setIsOpen(newOpen)
-      onOpenChangeAction(newOpen)
+      onOpenChangeAction(isOpen)
     },
     [onOpenChangeAction],
   )
 
-  const [myEvents, setMyEvents] = useState<any[]>([])
+  const [myEvents, setMyEvents] = useState<CalendarEvent[]>([])
   const [title, setTitle] = useState('')
   const [location, setLocation] = useState('')
   const [duration, setDuration] = useState('1hr')
 
   const [userSearchQuery, setUserSearchQuery] = useState('')
-  const [searchResults, setSearchResults] = useState<any[]>([])
-  const [selectedParticipants, setSelectedParticipants] = useState<any[]>([])
+  const [searchResults, setSearchResults] = useState<User[]>([])
+  const [selectedParticipants, setSelectedParticipants] = useState<User[]>([])
 
   const [selectedDate, setSelectedDate] = useState<Date | null>(null)
   const [selectedRange, setSelectedRange] = useState<{
@@ -144,7 +140,7 @@ export function CreateEvent({ open, onOpenChangeAction }: CreateEventProps) {
   }, [userSearchQuery])
 
   // Add a user from search results to selected participants
-  const handleAddParticipant = (user: any) => {
+  const handleAddParticipant = (user: User) => {
     if (
       currentUser &&
       user.email.toLowerCase() === currentUser.email.toLowerCase()
@@ -164,7 +160,7 @@ export function CreateEvent({ open, onOpenChangeAction }: CreateEventProps) {
   }
 
   // Remove a selected participant
-  const handleRemoveParticipant = (userId: string) => {
+  const handleRemoveParticipant = (userId: number) => {
     setSelectedParticipants(selectedParticipants.filter(u => u.id !== userId))
   }
 
@@ -212,13 +208,19 @@ export function CreateEvent({ open, onOpenChangeAction }: CreateEventProps) {
     setIsLoading(true)
     try {
       // Build attendees array from selected participants for scheduling suggestions
-      const attendees = selectedParticipants.map(user => ({
-        emailAddress: {
-          address: user.email,
-          name: user.name || user.email,
-        },
-        attendeeType: 'required' as const,
-      }))
+
+      let attendees : AttendeeBase[] = []
+
+      for (const user of selectedParticipants) {
+        attendees.push({
+          emailAddress: {
+            address: user.email,
+            name: user.firstName + ' ' + user.lastName,
+          },
+          attendeeType: 'required' as const,
+        })
+      }
+
       console.log('Attendees:', attendees)
 
       const durationInMinutes = durationMapping[duration] || 60
@@ -387,7 +389,7 @@ export function CreateEvent({ open, onOpenChangeAction }: CreateEventProps) {
                             key={user.id}
                             className='flex items-center gap-1 bg-blue-100 text-blue-800 rounded px-2 py-1'
                           >
-                            <span>{user.name ? user.name : user.email}</span>
+                            <span>{user.firstName ? user.firstName : user.email}</span>
                             <button
                               onClick={() => handleRemoveParticipant(user.id)}
                               className='text-blue-500 hover:text-blue-700'

src/components/calendar/weekly-calendar.tsx

@@ -25,14 +25,15 @@ import {
 } from '@/components/ui/dialog'
 import slotifyClient from '@/hooks/fetch'
 import { errorToast, toast } from '@/hooks/use-toast'
+import { CalendarEvent } from '@/types/types'
 
 interface WeeklyCalendarProps {
   availabilityData: any
   conflictEvents: any[]
   myEvents: any[]
   isLoading: boolean
-  currentUser: { email: any; name: any }
-  participants: { email: any; name: any }[]
+  currentUser: { email: string; name: string }
+  participants: { email: string; firstName: string }[]
   location: string
   eventTitle: string
   handleUpdateOpen: (newOpen: boolean) => void
@@ -140,7 +141,7 @@ export function WeeklyCalendar({
         responseStatus: 'none' as 'none',
       }))
 
-      const calendarEvent = {
+      const calendarEvent : CalendarEvent = {
         attendees,
         locations: [],
         subject: eventTitle ? eventTitle : 'My New Meeting',

src/components/reschedule-requests.tsx

@@ -7,6 +7,7 @@ import { Button } from '@/components/ui/button'
 import { ScrollArea } from '@/components/ui/scroll-area'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { Badge } from '@/components/ui/badge'
+import { toast } from '@/hooks/use-toast'
 
 const initialRequests = [
   {
@@ -44,8 +45,16 @@ export function RescheduleRequests() {
   const handleAction = (id: number, action: 'accept' | 'ignore') => {
     console.log(`Action: ${action} for request with ID: ${id}`)
     // setRequests(requests.filter(request => request.id !== id))
-    window.history.pushState(null, '', 'dashboard/calendar#show')
-    window.location.reload();
+    if (action === 'accept') {
+      window.history.pushState(null, '', 'dashboard/calendar#show')
+      window.location.reload()
+    } else {
+      toast({
+        title: 'Request ignored',
+        description: `Request has been ignored`,
+      })
+      setRequests(requests.filter(request => request.id !== id))
+    }
   }
 
   return (

src/types/types.ts

@@ -2,6 +2,7 @@ import { schemas } from '@/types/client'
 import { z } from 'zod'
 
 export type Attendee = z.infer<typeof schemas.Attendee>
+export type AttendeeBase = z.infer<typeof schemas.AttendeeBase>
 export type User = z.infer<typeof schemas.User>
 export type CalendarEvent = z.infer<typeof schemas.CalendarEvent>
 export type SlotifyGroup = z.infer<typeof schemas.SlotifyGroup>