From 0bf367bd3b3d31e45c864d5731f43f7e7f770574 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Wed, 18 Sep 2024 11:55:13 +0200
Subject: [PATCH] qa: Handle single theme review

---
 qa/ui/src/lib/components/TableOverview.svelte | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/qa/ui/src/lib/components/TableOverview.svelte b/qa/ui/src/lib/components/TableOverview.svelte
index 789387b6..ae842b4e 100644
--- a/qa/ui/src/lib/components/TableOverview.svelte
+++ b/qa/ui/src/lib/components/TableOverview.svelte
@@ -29,6 +29,7 @@
     style="overflow-y: auto"
 >
     {#await themesP then themes}
+    {#if Object.keys(themes).length > 1}
     <Row
         style={'min-width:'+15*Object.keys(themes).length + 'vw'}
     >
@@ -69,5 +70,48 @@
             </Col>
         {/each}
     </Row>
+    {:else}
+        {#each Object.keys(themes) as tname}
+            {#if themes[tname].exercices}
+                {#each themes[tname].exercices as exercice}
+                <Row
+                    style={'min-width:'+15*Object.keys(themes).length + 'vw'}
+                >
+                    <Col style="border-right: 1px solid lightgray">
+                        <h3
+                            class="text-center py-3 mb-3"
+                            style="border-bottom: 2px solid black"
+                            on:click={() => goto(`exercices/${exercice.exercice.id}`)}
+                        >
+                            {exercice.exercice.title}
+                        </h3>
+                        {#if exercice.reports}
+                            {#each exercice.reports as report}
+                                <Card
+                                    class="mb-3"
+                                    color={state2Color(report.report.state)}
+                                    style="cursor: pointer"
+                                    on:click={() => goto(`exercices/${exercice.exercice.id}/${report.report.id}`)}
+                                >
+                                    <CardBody class="p-2">
+                                        {report.report.subject}
+                                        {#if report.comments}
+                                            <Badge
+                                                class="float-end"
+                                            >
+                                                {report.comments.length}
+                                            </Badge>
+                                        {/if}
+                                    </CardBody>
+                                </Card>
+                            {/each}
+                            <hr />
+                        {/if}
+                    </Col>
+                </Row>
+                {/each}
+            {/if}
+        {/each}
+    {/if}
     {/await}
 </div>