From 7ee732b31e546bcdabc3770aaed0c98881aa93b6 Mon Sep 17 00:00:00 2001
From: Derek Chen <derex1987@gmail.com>
Date: Fri, 9 Feb 2024 17:20:46 -0600
Subject: [PATCH] chore: polish up code

---
 .../common/CalendarGrid/CalendarGrid.module.scss          | 1 -
 src/views/components/common/CalendarGrid/CalendarGrid.tsx | 8 +++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.module.scss b/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
index 33bccbe4..9a119f05 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
@@ -72,7 +72,6 @@
         align-items: flex-end;
         gap: 17px;
         flex: 1 0 0;
-        align-self: stretch;
         border-radius: var(--border-radius-none, 0px);
     }
 
diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.tsx b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
index 54a7373a..4b7d413c 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.tsx
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
@@ -8,7 +8,13 @@ const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8);
 const grid = [];
 for (let i = 0; i < 13; i++) {
   const row = [];
-  row.push(hoursOfDay[i]);
+  let hour = hoursOfDay[i];
+  row.push(<>
+    <div key={hour} className={styles.timeBlock}>
+      <div className={styles.timeLabelContainer}><p>{(hour % 12 === 0 ? 12 : hour % 12) + (hour < 12 ? ' AM' : ' PM')}</p></div>
+    </div>
+  </>
+  );
   row.push(Array.from({ length: 5 }, (_, j) => <CalendarCell key={j} />));
   grid.push(row);
 }