hide non-entered dietary requirements

UoaWDCC · Aug 12, 2024 · b506fce · b506fce
1 parent 8478728
commit b506fce
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/...osite/Admin/AdminBookingView/AdminBookingDateDisplay/AdminBookingDate/BookingUserCard.tsx b/...osite/Admin/AdminBookingView/AdminBookingDateDisplay/AdminBookingDate/BookingUserCard.tsx
@@ -9,6 +9,7 @@ interface IBookingUserCard {
 
 const BookingUserCard = ({ index, user, handleDelete }: IBookingUserCard) => {
   const [isOpen, setIsOpen] = useState<boolean>(false)
+  const hasDietaryRequirements = user.dietary_requirements.trim().length > 0
   return (
     <div
       key={user.uid}
@@ -25,10 +26,12 @@ const BookingUserCard = ({ index, user, handleDelete }: IBookingUserCard) => {
             </p>
             <h5>{user.membership}</h5>
           </span>
-          <div className="border-dark-blue-100 flex w-full flex-col rounded-sm border px-2">
-            <h5 className="font-bold uppercase">Dietary Reqs</h5>
-            <p>{user.dietary_requirements}</p>
-          </div>
+          {hasDietaryRequirements && (
+            <div className="border-dark-blue-100 flex w-full flex-col rounded-sm border px-2">
+              <h5 className="font-bold uppercase">Dietary Reqs</h5>
+              <p>{user.dietary_requirements}</p>
+            </div>
+          )}
         </div>
         <h5
           className="text-red ml-auto cursor-pointer font-bold"