From 2c58ef37c4c930ff4286a7059432738fa31528ba Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Thu, 19 Mar 2026 15:07:53 +0100
Subject: [PATCH] Enhance OverviewView component to conditionally display
 character avatar and house: Introduce a new image container for character
 representation, ensuring it only renders when a character is present.
 Refactor existing code to remove duplicate avatar rendering logic and
 maintain a clean overview layout.

---
 frontend/src/views/falukant/OverviewView.vue | 29 ++++++++++----------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/falukant/OverviewView.vue b/frontend/src/views/falukant/OverviewView.vue
index 6181840..444bb76 100644
--- a/frontend/src/views/falukant/OverviewView.vue
+++ b/frontend/src/views/falukant/OverviewView.vue
@@ -9,6 +9,20 @@
             </div>
         </section>
 
+        <div v-if="falukantUser?.character" class="imagecontainer">
+            <div :style="getAvatarStyle" class="avatar"></div>
+            <div class="house-with-character">
+                <div :style="getHouseStyle" class="house"></div>
+                <div class="character-foreground">
+                    <Character3D
+                        :gender="falukantUser.character.gender"
+                        :age="falukantUser.character.age"
+                        :no-background="true"
+                    />
+                </div>
+            </div>
+        </div>
+
         <section v-if="falukantUser?.character" class="falukant-summary-grid">
             <article class="summary-card surface-card">
                 <span class="summary-card__label">Niederlassungen</span>
@@ -67,7 +81,7 @@
         </div>
         
         <!-- Normale Übersicht wenn Charakter vorhanden -->
-        <div v-else class="overviewcontainer">
+        <div v-if="falukantUser?.character" class="overviewcontainer">
             <div>
                 <h3>{{ $t('falukant.overview.metadata.title') }}</h3>
                 <table>
@@ -155,19 +169,6 @@
                 </table>
             </div>
         </div>
-        <div v-if="falukantUser?.character" class="imagecontainer">
-            <div :style="getAvatarStyle" class="avatar"></div>
-            <div class="house-with-character">
-                <div :style="getHouseStyle" class="house"></div>
-                <div class="character-foreground">
-                    <Character3D
-                        :gender="falukantUser.character.gender"
-                        :age="falukantUser.character.age"
-                        :no-background="true"
-                    />
-                </div>
-            </div>
-        </div>
     </div>
 </template>