Format

.vscode/settings.json

@@ -8,7 +8,7 @@
         "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
     "[typescriptreact]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
+        "editor.defaultFormatter": "vscode.typescript-language-features"
     },
     "[typescript]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode"

src/views/components/common/CalendarGrid/CalendarGrid.tsx

@@ -11,27 +11,26 @@ const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8);
  * @param props 
  */
 const Calendar: React.FC = (props) => {
-  
+  return (
-    return (
+    <div className={styles.calendar}>
-      <div className={styles.calendar}>
+      <div className={styles.dayLabelContainer}></div>
-        <div className={styles.dayLabelContainer}></div>
+      {daysOfWeek.map((day, dayIndex) => (
-        {daysOfWeek.map((day, dayIndex) => (
+        <div key={dayIndex} className={styles.day}>
-          <div key={dayIndex} className={styles.day}>
+          <div className={styles.dayLabelContainer}>
-            <div className={styles.dayLabelContainer}>
+            <div className={styles.dayLabel}>{day}</div>
-              <div className={styles.dayLabel}>{day}</div>
-            </div>
-            {hoursOfDay.map((hour) => (
-              <div key={`${day}-${hour}`} className={styles.timeBlock}>
-                <div className={styles.timeLabelContainer}>
-                  <span>{hour}:00</span>
-                </div>
-                <CalendarCell />
-              </div>
-            ))}
           </div>
-        ))}
+          {hoursOfDay.map((hour) => (
-      </div>
+            <div key={`${day}-${hour}`} className={styles.timeBlock}>
-    );
+              <div className={styles.timeLabelContainer}>
-  };
+                <span>{hour}:00</span>
-  
+              </div>
-  export default Calendar;
+              <CalendarCell />
+            </div>
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default Calendar;