From 7b8a2e74a5393b95c7d23d7cc3a67279cc575df0 Mon Sep 17 00:00:00 2001
From: lenhanphung <lenhanphung@gmail.com>
Date: Thu, 25 Sep 2025 17:16:12 +0700
Subject: [PATCH] fix prettier

---
 src/components/Calendar/Calendar.tsx       | 35 ++++++++++++++--------
 src/components/Calendar/CalendarLayout.tsx |  6 ++--
 src/features/Events/EventModal.tsx         |  8 ++---
 3 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/components/Calendar/Calendar.tsx b/src/components/Calendar/Calendar.tsx
index 1a6d475..08c31d3 100644
--- a/src/components/Calendar/Calendar.tsx
+++ b/src/components/Calendar/Calendar.tsx
@@ -42,28 +42,29 @@ import Button from "@mui/material/Button";
 const updateSlotLabelVisibility = (currentTime: Date) => {
   const slotLabels = document.querySelectorAll(".fc-timegrid-slot-label");
   const currentMinutes = currentTime.getHours() * 60 + currentTime.getMinutes();
-  
+
   slotLabels.forEach((label) => {
     const labelElement = label as HTMLElement;
     const timeText = labelElement.textContent?.trim();
-    
+
     if (timeText && timeText.match(/^\d{1,2}:\d{2}$/)) {
-      const [hours, minutes] = timeText.split(':').map(Number);
+      const [hours, minutes] = timeText.split(":").map(Number);
       const labelMinutes = hours * 60 + minutes;
-      
+
       // Calculate time difference in minutes
       let timeDiff = Math.abs(currentMinutes - labelMinutes);
-      
+
       // Handle edge case around midnight (00:00)
-      if (timeDiff > 12 * 60) { // More than 12 hours difference
+      if (timeDiff > 12 * 60) {
+        // More than 12 hours difference
         timeDiff = 24 * 60 - timeDiff; // Wrap around
       }
-      
+
       // Dim if within 15 minutes (before or after)
       if (timeDiff <= 15) {
-        labelElement.style.opacity = '0.2';
+        labelElement.style.opacity = "0.2";
       } else {
-        labelElement.style.opacity = '1';
+        labelElement.style.opacity = "1";
       }
     }
   });
@@ -455,7 +456,7 @@ export default function CalendarApp({
                 calendarRef.current?.changeView("timeGridDay", arg.date);
                 setSelectedDate(new Date(arg.date));
                 setSelectedMiniDate(new Date(arg.date));
-                
+
                 // Notify parent about view change
                 if (onViewChange) {
                   onViewChange("timeGridDay");
@@ -493,7 +494,7 @@ export default function CalendarApp({
                   hour12: false,
                 });
                 nowIndicatorArrow.setAttribute("data-time", timeString);
-                
+
                 // Hide slot labels that are too close to current time
                 updateSlotLabelVisibility(now);
               }
@@ -700,7 +701,11 @@ export default function CalendarApp({
             return true;
           }}
           eventDrop={(arg) => {
-            if (!arg.event || !arg.event._def || !arg.event._def.extendedProps) {
+            if (
+              !arg.event ||
+              !arg.event._def ||
+              !arg.event._def.extendedProps
+            ) {
               return;
             }
 
@@ -732,7 +737,11 @@ export default function CalendarApp({
             );
           }}
           eventResize={(arg) => {
-            if (!arg.event || !arg.event._def || !arg.event._def.extendedProps) {
+            if (
+              !arg.event ||
+              !arg.event._def ||
+              !arg.event._def.extendedProps
+            ) {
               return;
             }
 
diff --git a/src/components/Calendar/CalendarLayout.tsx b/src/components/Calendar/CalendarLayout.tsx
index 99d97c4..917fc87 100644
--- a/src/components/Calendar/CalendarLayout.tsx
+++ b/src/components/Calendar/CalendarLayout.tsx
@@ -66,9 +66,9 @@ export default function CalendarLayout() {
   return (
     <div className="App">
       <Menubar {...menubarProps} />
-      <CalendarApp 
-        calendarRef={calendarRef} 
-        onDateChange={handleDateChange} 
+      <CalendarApp
+        calendarRef={calendarRef}
+        onDateChange={handleDateChange}
         onViewChange={handleViewChange}
       />
     </div>
diff --git a/src/features/Events/EventModal.tsx b/src/features/Events/EventModal.tsx
index ea75819..abedf74 100644
--- a/src/features/Events/EventModal.tsx
+++ b/src/features/Events/EventModal.tsx
@@ -70,12 +70,8 @@ function EventPopover({
 
   const [description, setDescription] = useState(event?.description ?? "");
   const [location, setLocation] = useState(event?.location ?? "");
-  const [start, setStart] = useState(
-    event?.start ? event.start : ""
-  );
-  const [end, setEnd] = useState(
-    event?.end ? event.end : ""
-  );
+  const [start, setStart] = useState(event?.start ? event.start : "");
+  const [end, setEnd] = useState(event?.end ? event.end : "");
   const [calendarid, setCalendarid] = useState(
     event?.calId
       ? userPersonnalCalendars.findIndex((e) => e.id === event?.calId)