From eaf3c49fe0a29b4702ab21e4980b57ac4297e412 Mon Sep 17 00:00:00 2001
From: Martin Quarda <martin@quarda.cz>
Date: Thu, 10 Oct 2024 09:24:56 +0200
Subject: [PATCH] racers table

---
 frontend/src/scripts/index.js | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/frontend/src/scripts/index.js b/frontend/src/scripts/index.js
index 6e13a8f..ec27f82 100644
--- a/frontend/src/scripts/index.js
+++ b/frontend/src/scripts/index.js
@@ -172,7 +172,7 @@ class Main extends Component {
                         <a class="nav-link" href="#register_user">Registrace</a>
                     </li>
                 }
-                {(this.state.login_status.racers || []).length > 1 &&
+                {(this.state.login_status.racers || []).length > 0 &&
                     <li class="nav-item">
                         <a class="nav-link" href="#racers">Závodníci</a>
                     </li>
@@ -199,7 +199,32 @@ class Main extends Component {
         {this.state.status_text}
     </div>}
     {this.state.page == "#racers" &&
-        this.state.login_status.racers
+        <div class="container">
+            <table class="table">
+                <thead>
+                    <tr>
+                        <th scope="col">Jméno</th>
+                        <th scope="col">Přijmení</th>
+                        <th scope="col">Email</th>
+                        <th scope="col">Team</th>
+                        <th scope="col">Datum narození</th>
+                        <th scope="col">Zaplatil</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {this.state.login_status.racers.map(racer =>
+                    <tr>
+                        <td>{racer.first_name}</td>
+                        <td>{racer.last_name}</td>
+                        <td>{racer.email}</td>
+                        <td>{racer.team}</td>
+                        <td>{racer.date_of_birth}</td>
+                        <td>{racer.paid}</td>
+                    </tr>)}
+
+                </tbody>
+            </table>
+        </div>
     }
     {this.state.page == "#register_racer" &&
     <div>