From 5223627b6766096a93c15b38f39b4f05bedc4803 Mon Sep 17 00:00:00 2001
From: BobChao87 <bobchao87@gmail.com>
Date: Sun, 28 Nov 2021 01:16:12 -0800
Subject: [PATCH] Don't show empty marathons in history

If a marathon has no submitted runs, don't show it.
Likewise, don't show games with no submitted categories.

Related to Issue #39
---
 components/user/history/Submission.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/user/history/Submission.vue b/components/user/history/Submission.vue
index eb6a9c9e..e78c9fd1 100644
--- a/components/user/history/Submission.vue
+++ b/components/user/history/Submission.vue
@@ -19,13 +19,13 @@
       </ElementTableCell>
 
       <template v-for="(marathon, marathonIndex) in submissions">
-        <ElementTableCell :key="`marathon-${marathonIndex}`" class="marathon" :class="getCellColor(marathon)" :row-end="getSpan(marathon)">
+        <ElementTableCell v-if="getCategories(marathon).length" :key="`marathon-${marathonIndex}`" class="marathon" :class="getCellColor(marathon)" :row-end="getSpan(marathon)">
           <ElementLink :to="`/marathon/${marathon.marathonId}`">{{ marathon.marathonName }}</ElementLink>
           (<ElementTemporalDistance :datetime="marathon.marathonStartDate" />)
         </ElementTableCell>
 
         <template v-for="(game, gameIndex) in marathon.games">
-          <ElementTableCell :key="`game-${marathonIndex}-${gameIndex}`" class="game" :class="getCellColor(game)" :row-end="getSpan(game)">
+          <ElementTableCell v-if="getCategories(game).length" :key="`game-${marathonIndex}-${gameIndex}`" class="game" :class="getCellColor(game)" :row-end="getSpan(game)">
             {{ game.name }}
           </ElementTableCell>