From dcc8a6d2492f91fcddc86d93f0f9cf40fcfab04a Mon Sep 17 00:00:00 2001
From: doprz <52579214+doprz@users.noreply.github.com>
Date: Wed, 6 Mar 2024 13:13:32 -0600
Subject: [PATCH] chore: refactor

---
 .../common/CalendarGrid/CalendarGrid.module.scss     |  1 +
 .../components/common/CalendarGrid/CalendarGrid.tsx  | 12 +++++++-----
 .../CalendarGridCell/CalendarGridCell.module.scss    |  1 -
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.module.scss b/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
index 675fd198..cf84fed5 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
@@ -3,6 +3,7 @@
 
 .dayLabelContainer {
     display: flex;
+    flex-direction: row;
     height: 13px;
     min-width: 40px;
     min-height: 13px;
diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.tsx b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
index 9682521b..5ffd56fb 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.tsx
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
@@ -7,8 +7,10 @@ const daysOfWeek = Object.values(DAY_MAP);
 daysOfWeek.pop();
 daysOfWeek.pop();
 const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8);
-const grid = Array.from({ length: 5 }, () =>
-  Array.from({ length: 13 }, (_, columnIndex) => <CalendarCell key={columnIndex} />)
+const grid = Array.from({ length: 13 }, () =>
+  Array.from({ length: 5 }, (_, columnIndex) => (
+    <CalendarCell key={columnIndex} />
+  ))
 );
 
 /**
@@ -28,9 +30,8 @@ const Calendar: React.FC = (props) => {
           </div>
         ))}
       </div>
-
       {/* Displaying the rest of the calendar */}
-      <div className={styles.calendarGrid}>
+      {/* <div className={styles.calendarGrid}>
         {hoursOfDay.map(hour => (
           <div key={hour} className={styles.calendarRow}>
             {daysOfWeek.map(day => (
@@ -38,7 +39,8 @@ const Calendar: React.FC = (props) => {
             ))}
           </div>
         ))}
-      </div>
+      </div> */}
+
     </div>
   )
 };
diff --git a/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss b/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
index 3f246f70..87e61673 100644
--- a/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
+++ b/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
@@ -7,7 +7,6 @@
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
-    position: relative;
 }
 
 .hourLine {