update

Author: TusharW4ni

app/pages/rides/[id].vue

@@ -98,7 +98,7 @@
     }
   }
 
-  async function handleVolunteerAction(action: 'signup' | 'complete') {
+  async function handleVolunteerAction(action: 'signup' | 'unsignup' | 'complete') {
     if (action === 'signup') {
       try {
         await $fetch(`/api/post/rides/${id}/signup`, { method: 'POST' })
@@ -114,6 +114,21 @@
       return
     }
 
+    if (action === 'unsignup') {
+      try {
+        await $fetch(`/api/post/rides/${id}/unsignup`, { method: 'POST' })
+        toast.add({
+          title: 'Success',
+          description: 'You have unsigned from this ride',
+          color: 'success',
+        })
+        await refreshRide()
+      } catch (e) {
+        toast.add({ title: 'Error', description: 'Failed to unsign up', color: 'error' })
+      }
+      return
+    }
+
     if (action === 'complete') {
       isCompleteModalOpen.value = true
     }
@@ -230,6 +245,15 @@
                 class="flex-1 justify-center"
                 @click="handleVolunteerAction('signup')"
               />
+              <UButton
+                v-if="isVolunteer && isAssignedToMe && ride.status === 'ASSIGNED'"
+                label="Unsign Up"
+                icon="i-lucide-user-minus"
+                color="warning"
+                variant="subtle"
+                class="flex-1 justify-center"
+                @click="handleVolunteerAction('unsignup')"
+              />
               <UButton
                 v-if="isVolunteer && isAssignedToMe && ride.status === 'ASSIGNED'"
                 label="Mark as Completed"
@@ -320,7 +344,7 @@
             <UTextarea v-model="editState.notes" class="w-full" :disabled="!isAdmin" />
           </UFormField>
 
-          <UFormField label="Total Ride Time (Hours)" name="totalRideTime" v-if="ride.status === 'COMPLETED' || isAdmin">
+          <UFormField label="Total Ride Time (Hours)" name="totalRideTime" v-if="ride?.status === 'COMPLETED' || isAdmin">
             <UInput v-model.number="editState.totalRideTime" type="number" step="0.1" class="w-full" />
           </UFormField>
 

notes/notifs.md

@@ -4,8 +4,11 @@
     - a new volunteer is created
         - send to created volunteer
     - when a volunteer signs up for a ride
-        - sent to admins
+        - sent to all admins
         - sent to volunteer who signed up
+    - when a volunteer un sign ups for a ride
+        - send to all admins
+        - send to volunteers who un signed up
     - when a volunteer completed a ride
         - sent to admins
         - sent to volunteer who completed the ride

server/api/post/rides/[id]/unsignup.ts

@@ -0,0 +1,72 @@
+import { prisma } from '../../../../utils/prisma'
+import { auth } from '../../../../utils/auth'
+
+export default defineEventHandler(async (event) => {
+  const id = getRouterParam(event, 'id')
+  const session = await auth.api.getSession({
+    headers: event.headers
+  })
+
+  if (!session) {
+    throw createError({
+      statusCode: 401,
+      statusMessage: 'Unauthorized',
+    })
+  }
+
+  const user = session.user
+
+  if (!id) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: 'Ride ID is required',
+    })
+  }
+
+  // 1. Get Volunteer profile
+  const volunteer = await prisma.volunteer.findUnique({
+    where: { userId: user.id }
+  })
+
+  if (!volunteer) {
+    throw createError({
+      statusCode: 403,
+      statusMessage: 'You must be a registered volunteer to unsign up.',
+    })
+  }
+
+  // 2. Check Ride status and assignment
+  const ride = await prisma.ride.findUnique({
+    where: { id }
+  })
+
+  if (!ride) {
+    throw createError({
+      statusCode: 404,
+      statusMessage: 'Ride not found',
+    })
+  }
+
+  if (ride.volunteerId !== volunteer.id) {
+    throw createError({
+      statusCode: 403,
+      statusMessage: 'You are not assigned to this ride.',
+    })
+  }
+
+  if (ride.status !== 'ASSIGNED') {
+    throw createError({
+      statusCode: 400,
+      statusMessage: 'Ride cannot be unsigned from in its current state.',
+    })
+  }
+
+  // 3. Unassign Volunteer
+  return await prisma.ride.update({
+    where: { id },
+    data: {
+      volunteerId: null,
+      status: 'CREATED'
+    }
+  })
+})