From e721452a0f59a6755c57207ae1713ff867d55162 Mon Sep 17 00:00:00 2001
From: Justin Tan <tanjustin217@gmail.com>
Date: Wed, 8 Apr 2026 11:49:24 -0600
Subject: [PATCH] Error msg for passenger fit rating

---
 .../drivercomponents/TripSurveyModal.tsx         | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/_components/drivercomponents/TripSurveyModal.tsx b/src/app/_components/drivercomponents/TripSurveyModal.tsx
index 9aeac7f..470e720 100644
--- a/src/app/_components/drivercomponents/TripSurveyModal.tsx
+++ b/src/app/_components/drivercomponents/TripSurveyModal.tsx
@@ -185,7 +185,16 @@ export const TripSurveyModal = ({ form }: SurveyFormProps) => {
           disabled={form.values.tripCompletionStatus === BookingStatus.CANCELLED}
         ></SegmentedControl>
         Rate the passenger’s fitness for transport
-        <div className={styles.rating}>
+        <div
+          className={styles.rating}
+          style={{
+            border: form.errors.passengerFitRating
+              ? "1px solid var(--mantine-color-red-6)"
+              : "none",
+            borderRadius: 4,
+            padding: form.errors.passengerFitRating ? 4 : 0,
+          }}
+        >
           <Rating
             styles={{
               root: {
@@ -204,6 +213,11 @@ export const TripSurveyModal = ({ form }: SurveyFormProps) => {
         </div>
         <Group justify="space-between" className={styles.ratingLabel}>
           <Text>Very Poor</Text>
+          {form.errors.passengerFitRating && (
+            <Text size="xs" c="red">
+              {form.errors.passengerFitRating}
+            </Text>
+          )}
           <Text>Excellent</Text>
         </Group>
         Additional Notes