From f2875c1ad9886f87ce881d642dbf3617674a9073 Mon Sep 17 00:00:00 2001
From: soumitradev <soumitra.shewale.dev@gmail.com>
Date: Mon, 7 Aug 2023 17:05:15 +0530
Subject: [PATCH] fix: temporarily remove time grid for vertical view

---
 src/components/TimetableGrid.tsx | 101 ++++++++++++++++---------------
 src/pages/view.tsx               | 101 ++++++++++++++++---------------
 2 files changed, 102 insertions(+), 100 deletions(-)

diff --git a/src/components/TimetableGrid.tsx b/src/components/TimetableGrid.tsx
index 9a99679..9c84b95 100644
--- a/src/components/TimetableGrid.tsx
+++ b/src/components/TimetableGrid.tsx
@@ -73,57 +73,58 @@ export function TimetableGrid({
   return (
     <div className="ml-4 flex w-full">
       {isVertical ? (
-        <div className="flex flex-col justify-between w-28 mr-2 mt-11 text-md text-center text-slate-500 grid-rows-11">
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">8 - 9AM</span>
-            <span className="font-bold">1</span>
-          </div>
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">9 - 10AM</span>
-            <span className="font-bold">2</span>
-          </div>
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">10 - 11AM</span>
-            <span className="font-bold">3</span>
-          </div>
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">11 - 12PM</span>
-            <span className="font-bold">4</span>
-          </div>
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">12 - 1PM</span>
-            <span className="font-bold">5</span>
-          </div>
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">1 - 2PM</span>
-            <span className="font-bold">6</span>
-          </div>
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">2 - 3PM</span>
-            <span className="font-bold">7</span>
-          </div>
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">3 - 4PM</span>
-            <span className="font-bold">8</span>
-          </div>
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">4 - 5PM</span>
-            <span className="font-bold">9</span>
-          </div>
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">5 - 6PM</span>
-            <span className="font-bold">10</span>
-          </div>
-          <div className="mb-4 flex items-center justify-between w-full">
-            <span className="text-slate-600">6 - 7PM</span>
-            <span className="font-bold">11</span>
-          </div>
-          {/* <div className="mb-4 flex flex-col">
-        <span className="font-bold">12</span>
-        <span className="text-slate-600">7 - 8PM</span>
-        </div> */}
-        </div>
+        <div></div>
       ) : (
+        // <div className="flex flex-col justify-between w-28 mr-2 mt-11 text-md text-center text-slate-500 grid-rows-11">
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">8 - 9AM</span>
+        //     <span className="font-bold">1</span>
+        //   </div>
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">9 - 10AM</span>
+        //     <span className="font-bold">2</span>
+        //   </div>
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">10 - 11AM</span>
+        //     <span className="font-bold">3</span>
+        //   </div>
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">11 - 12PM</span>
+        //     <span className="font-bold">4</span>
+        //   </div>
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">12 - 1PM</span>
+        //     <span className="font-bold">5</span>
+        //   </div>
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">1 - 2PM</span>
+        //     <span className="font-bold">6</span>
+        //   </div>
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">2 - 3PM</span>
+        //     <span className="font-bold">7</span>
+        //   </div>
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">3 - 4PM</span>
+        //     <span className="font-bold">8</span>
+        //   </div>
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">4 - 5PM</span>
+        //     <span className="font-bold">9</span>
+        //   </div>
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">5 - 6PM</span>
+        //     <span className="font-bold">10</span>
+        //   </div>
+        //   <div className="mb-4 flex items-center justify-between w-full">
+        //     <span className="text-slate-600">6 - 7PM</span>
+        //     <span className="font-bold">11</span>
+        //   </div>
+        //   {/* <div className="mb-4 flex flex-col">
+        // <span className="font-bold">12</span>
+        // <span className="text-slate-600">7 - 8PM</span>
+        // </div> */}
+        // </div>
         <div
           className={`grid items-center pr-2 text-lg text-center font-bold ${
             isVertical ? "grid-cols-6" : "grid-rows-6 mt-12"
diff --git a/src/pages/view.tsx b/src/pages/view.tsx
index 3ed76b2..4c84db3 100644
--- a/src/pages/view.tsx
+++ b/src/pages/view.tsx
@@ -589,57 +589,58 @@ const View = () => {
                   </div>
                   <div className="ml-4 flex w-full">
                     {isVertical ? (
-                      <div className="flex flex-col justify-between w-28 mr-2 mt-11 text-md text-center text-slate-500 grid-rows-11">
-                        <div className="mb-4 flex items-center justify-between w-full">
-                          <span className="text-slate-600">8 - 9AM</span>
-                          <span className="font-bold">1</span>
-                        </div>
-                        <div className="mb-4 flex items-center justify-between w-full">
-                          <span className="text-slate-600">9 - 10AM</span>
-                          <span className="font-bold">2</span>
-                        </div>
-                        <div className="mb-4 flex items-center justify-between w-full">
-                          <span className="text-slate-600">10 - 11AM</span>
-                          <span className="font-bold">3</span>
-                        </div>
-                        <div className="mb-4 flex items-center justify-between w-full">
-                          <span className="text-slate-600">11 - 12PM</span>
-                          <span className="font-bold">4</span>
-                        </div>
-                        <div className="mb-4 flex items-center justify-between w-full">
-                          <span className="text-slate-600">12 - 1PM</span>
-                          <span className="font-bold">5</span>
-                        </div>
-                        <div className="mb-4 flex items-center justify-between w-full">
-                          <span className="text-slate-600">1 - 2PM</span>
-                          <span className="font-bold">6</span>
-                        </div>
-                        <div className="mb-4 flex items-center justify-between w-full">
-                          <span className="text-slate-600">2 - 3PM</span>
-                          <span className="font-bold">7</span>
-                        </div>
-                        <div className="mb-4 flex items-center justify-between w-full">
-                          <span className="text-slate-600">3 - 4PM</span>
-                          <span className="font-bold">8</span>
-                        </div>
-                        <div className="mb-4 flex items-center justify-between w-full">
-                          <span className="text-slate-600">4 - 5PM</span>
-                          <span className="font-bold">9</span>
-                        </div>
-                        <div className="mb-4 flex items-center justify-between w-full">
-                          <span className="text-slate-600">5 - 6PM</span>
-                          <span className="font-bold">10</span>
-                        </div>
-                        <div className="mb-5 flex items-center justify-between w-full">
-                          <span className="text-slate-600">6 - 7PM</span>
-                          <span className="font-bold">11</span>
-                        </div>
-                        {/* <div className="mb-4 flex flex-col">
-                        <span className="font-bold">12</span>
-                        <span className="text-slate-600">7 - 8PM</span>
-                      </div> */}
-                      </div>
+                      <div></div>
                     ) : (
+                      // <div className="flex flex-col justify-between w-28 mr-2 mt-11 text-md text-center text-slate-500 grid-rows-11">
+                      //   <div className="mb-4 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">8 - 9AM</span>
+                      //     <span className="font-bold">1</span>
+                      //   </div>
+                      //   <div className="mb-4 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">9 - 10AM</span>
+                      //     <span className="font-bold">2</span>
+                      //   </div>
+                      //   <div className="mb-4 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">10 - 11AM</span>
+                      //     <span className="font-bold">3</span>
+                      //   </div>
+                      //   <div className="mb-4 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">11 - 12PM</span>
+                      //     <span className="font-bold">4</span>
+                      //   </div>
+                      //   <div className="mb-4 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">12 - 1PM</span>
+                      //     <span className="font-bold">5</span>
+                      //   </div>
+                      //   <div className="mb-4 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">1 - 2PM</span>
+                      //     <span className="font-bold">6</span>
+                      //   </div>
+                      //   <div className="mb-4 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">2 - 3PM</span>
+                      //     <span className="font-bold">7</span>
+                      //   </div>
+                      //   <div className="mb-4 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">3 - 4PM</span>
+                      //     <span className="font-bold">8</span>
+                      //   </div>
+                      //   <div className="mb-4 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">4 - 5PM</span>
+                      //     <span className="font-bold">9</span>
+                      //   </div>
+                      //   <div className="mb-4 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">5 - 6PM</span>
+                      //     <span className="font-bold">10</span>
+                      //   </div>
+                      //   <div className="mb-5 flex items-center justify-between w-full">
+                      //     <span className="text-slate-600">6 - 7PM</span>
+                      //     <span className="font-bold">11</span>
+                      //   </div>
+                      //   {/* <div className="mb-4 flex flex-col">
+                      //   <span className="font-bold">12</span>
+                      //   <span className="text-slate-600">7 - 8PM</span>
+                      // </div> */}
+                      // </div>
                       <div
                         className={`grid items-center pr-2 text-lg text-center font-bold ${
                           isVertical ? "grid-cols-6" : "grid-rows-6 mt-12"