format

Vincit · Jun 26, 2024 · 4b57462 · 4b57462
1 parent 9da87b8
commit 4b57462
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/frontend/src/components/BookingView/BookingView.tsx b/frontend/src/components/BookingView/BookingView.tsx
@@ -493,7 +493,7 @@ function BookingView(props: BookingViewProps) {
             ) : (
                 <AvailableRoomList
                     bookingDuration={bookingDuration}
-                    startingTime={startingTime} 
+                    startingTime={startingTime}
                     setStartingTime={setStartingTime}
                     rooms={displayRooms}
                     bookings={bookings}

diff --git a/frontend/src/components/BookingView/StartingTimePicker.tsx b/frontend/src/components/BookingView/StartingTimePicker.tsx
@@ -10,36 +10,40 @@ const StartingTimeButton = styled(ToggleButton)(() => ({
 
 type StartingTimePickerProps = {
     onChange: (startingTime: string) => void;
-    startingTime: string
+    startingTime: string;
     title: string;
     setStartingTime: React.Dispatch<React.SetStateAction<string>>;
 };
 
 const timeFormat = (h: number, m: number) => {
-    return h.toString() + ':' + (m < 10 ? '0' + m.toString(): m.toString())
-}
+    return h.toString() + ':' + (m < 10 ? '0' + m.toString() : m.toString());
+};
 
-const formatTimeToHalfAndFullHours = (startingTime: DateTime, addition: number): string => {
+const formatTimeToHalfAndFullHours = (
+    startingTime: DateTime,
+    addition: number
+): string => {
     let timeObj = DateTime.fromObject({
         hour: Number(startingTime.hour),
         minute: Number(startingTime.minute),
-        second: 0})
+        second: 0
+    })
         .plus({ minutes: addition })
-        .toObject()
-    
+        .toObject();
+
     if (timeObj.minute! < 30) {
-        timeObj.minute = 30
+        timeObj.minute = 30;
     } else if (timeObj.minute! > 30) {
         timeObj = DateTime.fromObject({
             hour: Number(timeObj.hour),
             minute: 0,
             second: 0
         })
             .plus({ hours: 1 })
-            .toObject()
+            .toObject();
     }
-    return timeFormat(timeObj.hour!, timeObj.minute!)
-}
+    return timeFormat(timeObj.hour!, timeObj.minute!);
+};
 
 const StartingTimePicker = (props: StartingTimePickerProps) => {
     const { onChange, title, startingTime, setStartingTime } = props;
@@ -54,11 +58,11 @@ const StartingTimePicker = (props: StartingTimePickerProps) => {
         }
     };
 
-    const now = DateTime.now()
-    const startingTimeNow = timeFormat(now.hour, now.minute)
-    const startingTime2 = formatTimeToHalfAndFullHours(now, 0)
-    const startingTime3 = formatTimeToHalfAndFullHours(now, 30)
-    const startingTime4 = formatTimeToHalfAndFullHours(now, 60)
+    const now = DateTime.now();
+    const startingTimeNow = timeFormat(now.hour, now.minute);
+    const startingTime2 = formatTimeToHalfAndFullHours(now, 0);
+    const startingTime3 = formatTimeToHalfAndFullHours(now, 30);
+    const startingTime4 = formatTimeToHalfAndFullHours(now, 60);
 
     return (
         <div>