From d1788e9e9793148675be92f3bc48d14f1121d4f6 Mon Sep 17 00:00:00 2001
From: Vencislav Atanasov <git@6bez10.info>
Date: Sat, 21 Sep 2024 23:21:09 +0300
Subject: [PATCH] Fix schedule rendering

---
 src/Schedule.jsx  | 79 +++++++++++++++++++++++++----------------------
 src/Schedule.scss |  1 +
 2 files changed, 43 insertions(+), 37 deletions(-)

diff --git a/src/Schedule.jsx b/src/Schedule.jsx
index 3b6ca16..1868655 100644
--- a/src/Schedule.jsx
+++ b/src/Schedule.jsx
@@ -35,42 +35,47 @@ export default function Schedule({
     return (<>
         {isLoading && <>Loading... <progress value={loadingProgress} /></>}
         <div className="schedule">
-            {halls && <table style={{
-                textAlign: 'center',
-            }}>
-                <thead>
-                    <tr>
-                        {header.map(hall => <th key={hall.id}>{hall.name}</th>)}
-                    </tr>
-                </thead>
-                <tbody>
-                    {rows.map(row => <tr key={row.id}>
-                        {row.cells.map(cell => <td key={cell.id} {...cell.attributes}>
-                            <Event {...cell.event} />
-                        </td>)}
-                    </tr>)}
-                </tbody>
-                <tfoot>
-                    <tr>
-                        {header.map(hall => <th key={hall.id}>{hall.name}</th>)}
-                    </tr>
-                </tfoot>
-            </table>}
-            <div className="separator"/>
-            {tracks && <table style={{
-                textAlign: 'center',
-            }}>
-                <tbody>
-                    {Object.entries(tracks).filter(([, track]) =>
-                        !isTrackHidden(track)
-                    ).map(([trackId, track]) => <tr key={trackId}>
-                        <td className={track.css_class}>{track.name[lang]}</td>
-                    </tr>)}
-                    {Object.entries(langs).map(([code, name]) => <tr key={code}>
-                        <td className={'schedule-'.concat(code)}>{name}</td>
-                    </tr>)}
-                </tbody>
-            </table>}
+            {header && <>
+                <table style={{
+                    textAlign: 'center',
+                }}>
+                    <thead>
+                        <tr>
+                            {header.map(hall => <th key={hall.id}>{hall.name}</th>)}
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {rows.map(row => <tr key={row.id}>
+                            {row.cells.map(cell => <td key={cell.id} {...cell.attributes}>
+                                <Event {...cell.event} />
+                            </td>)}
+                        </tr>)}
+                    </tbody>
+                    <tfoot>
+                        <tr>
+                            {header.map(hall => <th key={hall.id}>{hall.name}</th>)}
+                        </tr>
+                    </tfoot>
+                </table>
+                <div className="separator"/>
+            </>}
+            {tracks && <>
+                <table style={{
+                    textAlign: 'center',
+                }}>
+                    <tbody>
+                        {Object.entries(tracks).filter(([, track]) =>
+                            !isTrackHidden(track)
+                        ).map(([trackId, track]) => <tr key={trackId}>
+                            <td className={track.css_class}>{track.name[lang]}</td>
+                        </tr>)}
+                        {Object.entries(langs).map(([code, name]) => <tr key={code}>
+                            <td className={'schedule-'.concat(code)}>{name}</td>
+                        </tr>)}
+                    </tbody>
+                </table>
+                <div className="separator" />
+            </>}
             {events && tracks && Object.entries(events).map(([eventId, event]) => <section key={eventId} id={'lecture-'.concat(eventId)}>
                 <p>
                     <strong>{event.title}</strong>
@@ -95,7 +100,7 @@ export default function Schedule({
                         <a href={event.feedback_url}>Submit feedback</a>
                     </strong>
                 </p>
-                <hr />
+                <div className="separator" />
             </section>)}
             {speakers && <>
                 <div>
diff --git a/src/Schedule.scss b/src/Schedule.scss
index da54618..c012dc4 100644
--- a/src/Schedule.scss
+++ b/src/Schedule.scss
@@ -1,5 +1,6 @@
 .schedule {
   table {
+    text-align: center;
     width: 100%;
     font-size: 0.8em;
     margin: 0 0 3em 0;