Fix broken types from c61af77 (#898)

Fixes broken types regressed from
c61af77

apps/web/src/app/events/[id]/page.tsx

@@ -43,17 +43,14 @@ const EventDetailPageInner = ({ id }: { id: string }) => {
     )
   }
 
-  return (
-    <EventDetailWithoutAttendancePage user={session.data.user} event={event.event} committees={event.eventCommittees} />
-  )
+  return <EventDetailWithoutAttendancePage event={event.event} committees={event.eventCommittees} />
 }
 
 interface WithoutAttendanceProps {
-  user: NonNullable<Session["user"]>
   event: Event
   committees: Committee[]
 }
-const EventDetailWithoutAttendancePage: FC<WithoutAttendanceProps> = ({ user, event, committees }) => {
+const EventDetailWithoutAttendancePage: FC<WithoutAttendanceProps> = ({ event, committees }) => {
   return (
     <div>
       <div className="flex w-full">
@@ -83,7 +80,7 @@ const EventDetailWithAttendancePage: FC<WithAttendanceProps> = ({ user, attendan
         <EventInfoBox event={event} />
         <div className="flex flex-1 flex-col">
           <AttendanceBox sessionUser={user} attendance={attendance} pools={pools} event={event} />
-          {attendee && <TicketButton userid={user.id} />}
+          {attendee && user && <TicketButton userId={user.id} />}
           {committees.length && <OrganizerBox committees={committees} />}
           <TimeLocationBox
             datetimeStart={event.start}

apps/web/src/app/events/components/TicketButton.tsx

@@ -5,10 +5,10 @@ import { QRCodeSVG } from "qrcode.react"
 import { useState } from "react"
 
 interface TicketButtonProps {
-  userid: UserId | null
+  userId: UserId | null
 }
 
-const TicketButton = ({ userid }: TicketButtonProps) => {
+const TicketButton = ({ userId }: TicketButtonProps) => {
   const [open, setOpen] = useState(false)
   return (
     <div className="">
@@ -29,9 +29,9 @@ const TicketButton = ({ userid }: TicketButtonProps) => {
             <p className="text-lg">Dette er din billett til arrangementet</p>
           </div>
           <div className="flex flex-col items-center pt-10">
-            {userid && (
+            {userId && (
               <QRCodeSVG
-                value={userid}
+                value={userId}
                 size={256}
                 imageSettings={{
                   src: "https://old.online.ntnu.no/wiki/70/plugin/attachments/download/680/",

apps/web/src/app/events/components/queries.ts

@@ -5,10 +5,13 @@ interface Props {
   attendanceId: string
 }
 export const useGetAttendee = ({ userId, attendanceId }: Props) => {
-  return trpc.event.attendance.getAttendee.useQuery({
-    attendanceId,
-    userId: userId ?? ""
-  }, {
-    enabled: Boolean(userId)
-  })
+  return trpc.event.attendance.getAttendee.useQuery(
+    {
+      attendanceId,
+      userId: userId ?? "",
+    },
+    {
+      enabled: Boolean(userId),
+    }
+  )
 }