From 477ea115e8240b5b753e5086b7b04740f84d5588 Mon Sep 17 00:00:00 2001
From: Vencislav Atanasov <git@6bez10.info>
Date: Sat, 28 Sep 2024 21:41:02 +0300
Subject: [PATCH] Somehow working schedule table

---
 src/hooks/useScheduleTable.js | 52 +++++++++++++++++++++++------------
 1 file changed, 35 insertions(+), 17 deletions(-)

diff --git a/src/hooks/useScheduleTable.js b/src/hooks/useScheduleTable.js
index 278d33c..eeba356 100644
--- a/src/hooks/useScheduleTable.js
+++ b/src/hooks/useScheduleTable.js
@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { sorter, toMidnight } from '../utils.js';
 import { langs } from '../Schedule/constants.js';
-import { getTime, isSameDay, toDate } from 'date-fns';
+import { compareAsc, getTime, isSameDay, toDate } from 'date-fns';
 
 export default function useScheduleTable({
     eventTypeId,
@@ -42,8 +42,30 @@ export default function useScheduleTable({
             const isFirstForTheDay = index > 0 && !isSameDay(date, array[index - 1]);
             const isLastForTheDay = array?.[index + 1] && !isSameDay(date, array[index + 1]);
 
+            const eventCells = filteredHalls.map(hall => {
+                const slot = filteredSlots.find(slot =>
+                    slot.hall_id === hall.id &&
+                    compareAsc(slot.starts_at, date) === 0
+                );
+
+                if (!slot) {
+                    return {
+                        id: 'blank-'.concat(hall.id),
+                    };
+                }
+
+                return {
+                    id: 'slot-'.concat(slot.id),
+                    attributes: {
+                        className: 'schedule-'.concat(slot.event.language).concat(' ').concat(slot.event.track?.css_class),
+                    },
+                    event: slot.event,
+                };
+            });
+            const isEmptyRow = !eventCells.find(slot => !!slot.event);
+
             const showHeader = isFirst || isFirstForTheDay;
-            const showSlot = !isLast && !isLastForTheDay;
+            const showSlot = !isLast && !isLastForTheDay && !isEmptyRow;
 
             return [
                 ...showHeader ? [{
@@ -57,21 +79,17 @@ export default function useScheduleTable({
                     }],
                 }] : [],
                 ...showSlot ? [{
-                    id: 'slot-'.concat(getTime(date).toString()),
-                    cells: [{
-                        id: 'timeslot',
-                        timeSlot: {
-                            start: date,
-                            end: nextDate,
-                        }
-                    }, {
-                        id: 2,
-                        // attributes: {
-                        //     className: 'schedule-'.concat(slot.event.language).concat(' ').concat(slot.event.track?.css_class),
-                        //     colSpan: 2,
-                        // },
-                        // event: slot.event,
-                    }],
+                    id: 'row-'.concat(getTime(date).toString()),
+                    cells: [
+                        {
+                            id: 'timeslot',
+                            timeSlot: {
+                                start: date,
+                                end: nextDate,
+                            }
+                        },
+                        ...eventCells,
+                    ],
                 }] : [],
             ];
         });