Revert "Revert ".""

This reverts commit ca4fc9a.
Ayroid · Dec 12, 2023 · 3601b5e · 3601b5e
1 parent ca4fc9a
commit 3601b5e
Showing 1 changed file with 19 additions and 16 deletions.
diff --git a/src/components/Home/ConfirmParkingButton/ConfirmParkingButton.jsx b/src/components/Home/ConfirmParkingButton/ConfirmParkingButton.jsx
@@ -63,22 +63,25 @@ const ConfirmParkingButton = ({
           </div>
         </div>
       </div>
-      {!userAlreadyBooked && currentlyParkedUser == null && (
-        <button
-          className={bookingButton}
-          onClick={() => bookSpot(parkingNumber)}
-        >
-          Book Now
-        </button>
-      )}
-      {parkingStatus === "booked" && user === currentlyParkedUser && (
-        <button
-          className={bookingButton}
-          onClick={() => cancelSpot(parkingNumber)}
-        >
-          Cancel Booking
-        </button>
-      )}
+      {!userAlreadyBooked &&
+        currentlyParkedUser == null &&
+        parkingStatus == "available" && (
+          <button
+            className={bookingButton}
+            onClick={() => bookSpot(parkingNumber)}
+          >
+            Book Now
+          </button>
+        )}
+      {(parkingStatus === "booked" || parkingStatus === "parked") &&
+        user === currentlyParkedUser && (
+          <button
+            className={bookingButton}
+            onClick={() => cancelSpot(parkingNumber)}
+          >
+            Cancel Booking
+          </button>
+        )}
     </div>
   );
 };