From a3a2ed8c3fb1a5e96fdd3125fdb246beea34623e Mon Sep 17 00:00:00 2001
From: Vencislav Atanasov <git@6bez10.info>
Date: Mon, 23 Sep 2024 18:57:28 +0300
Subject: [PATCH] Hide table header when no items are available

---
 src/Schedule/Schedule.jsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Schedule/Schedule.jsx b/src/Schedule/Schedule.jsx
index e2ce3ac..6bb4bc2 100644
--- a/src/Schedule/Schedule.jsx
+++ b/src/Schedule/Schedule.jsx
@@ -48,11 +48,11 @@ export default function Schedule({
         {isComplete && <div className="schedule">
             <hr/>
             <table>
-                <thead>
-                <tr>
-                    {header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)}
-                </tr>
-                </thead>
+                {header.length > 0 && <thead>
+                    <tr>
+                        {header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)}
+                    </tr>
+                </thead>}
                 <tbody>
                     {rows.map(row => <tr key={row.id}>
                         {row.cells.map(cell => <td key={cell.id} {...cell.attributes}>
@@ -60,11 +60,11 @@ export default function Schedule({
                         </td>)}
                     </tr>)}
                 </tbody>
-                <tfoot>
+                {header.length > 0 && <tfoot>
                     <tr>
                         {header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)}
                     </tr>
-                </tfoot>
+                </tfoot>}
             </table>
             <div className="separator"/>
             <table>