From abe0dd1c52ef2c4efebeb47ac03756164f2900d5 Mon Sep 17 00:00:00 2001
From: Inkception <marvineichler18@gmail.com>
Date: Fri, 13 Sep 2024 20:36:28 +0200
Subject: [PATCH] Display tricolor stage again

---
 src/components/TricolorBox.vue                       | 12 +++++++++++-
 src/components/screenshots/ScreenshotTricolorBox.vue | 10 +++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/TricolorBox.vue b/src/components/TricolorBox.vue
index 96b01c3..7c9ddc9 100644
--- a/src/components/TricolorBox.vue
+++ b/src/components/TricolorBox.vue
@@ -34,7 +34,7 @@
           </div>
         </div>
 
-        <div class="flex space-x-1">
+        <div class="flex space-x-1" v-if="tricolor?.tricolorStage">
           <div class="flex-1 relative">
             <StageImage
               img-class="rounded-xl"
@@ -42,6 +42,16 @@
             />
           </div>
         </div>
+
+        <div class="flex space-x-1" v-if="tricolor?.tricolorStages">
+          <div class="flex-1 relative">
+            <StageImage
+              img-class="rounded-xl"
+              :stage="tricolor?.tricolorStages?.[0]"
+            />
+          </div>
+        </div>
+        
       </div>
     </div>
   </ProductContainer>
diff --git a/src/components/screenshots/ScreenshotTricolorBox.vue b/src/components/screenshots/ScreenshotTricolorBox.vue
index 9eaa0c0..b52d961 100644
--- a/src/components/screenshots/ScreenshotTricolorBox.vue
+++ b/src/components/screenshots/ScreenshotTricolorBox.vue
@@ -33,13 +33,21 @@
           </div>
         </div>
 
-        <div class="space-y-8">
+        <div class="space-y-8" v-if="tricolor?.tricolorStage">
           <StageImage
             img-class="rounded-2xl"
             :stage="tricolor?.tricolorStage"
             text-size="text-xl"
           />
         </div>
+
+        <div class="space-y-8" v-if="tricolor?.tricolorStages">
+          <StageImage
+            img-class="rounded-2xl"
+            :stage="tricolor?.tricolorStages[0]"
+            text-size="text-xl"
+          />
+        </div>
       </div>
     </div>
   </ProductContainer>