From 3b7ec8a3555a9fe95c73e25c5809bdc30da26442 Mon Sep 17 00:00:00 2001
From: einhornimmond <info@einhornimmond.de>
Date: Thu, 9 Oct 2025 09:16:48 +0200
Subject: [PATCH] add undefined as not allowed alias, update avatar view at
 undefined username

---
 frontend/src/components/Menu/Navbar.vue | 45 +++++++++++++++++--------
 shared/src/schema/user.schema.ts        |  2 ++
 2 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/Menu/Navbar.vue b/frontend/src/components/Menu/Navbar.vue
index e38ba3b8a..0db481651 100644
--- a/frontend/src/components/Menu/Navbar.vue
+++ b/frontend/src/components/Menu/Navbar.vue
@@ -19,9 +19,9 @@
         <BImg class="sheet-img position-absolute zindex-1" :src="sheet"></BImg>
 
         <BNavbarNav class="ms-auto" right>
-          <div class="d-flex flex-column align-items-end text-end">
-            <router-link to="/settings">
-              <div class="">
+          <div class="">
+            <router-link to="/settings" class="d-flex flex-column align-items-end text-end">
+              <div class="ms-auto">
                 <app-avatar
                   class="vue3-avatar"
                   :name="username.username"
@@ -31,19 +31,33 @@
                   :size="61"
                 />
               </div>
+              <div v-if="!hasUsername">
+                <div class="mt-3">{{ username.username }}</div>
+                <div class="small mt-1">{{ gradidoId }}</div>
+              </div>
             </router-link>
-            <div class="navbar-like-link mt-3" data-test="navbar-item-username">
-              {{ username.username }}
-            </div>
-            <div class="small navbar-like-link pointer mt-1" data-test="navbar-item-gradido-id">
-              <a
-                class="copy-clipboard-button"
-                :title="$t('copy-to-clipboard')"
-                @click="copyToClipboard(gradidoId)"
+            <div class="d-flex flex-column align-items-end text-end">
+              <div
+                v-if="hasUsername"
+                class="navbar-like-link mt-3"
+                data-test="navbar-item-username"
               >
-                <IBiCopy></IBiCopy>
-                {{ gradidoId }}
-              </a>
+                {{ username.username }}
+              </div>
+              <div
+                v-if="hasUsername"
+                class="small navbar-like-link pointer mt-1"
+                data-test="navbar-item-gradido-id"
+              >
+                <a
+                  class="copy-clipboard-button"
+                  :title="$t('copy-to-clipboard')"
+                  @click="copyToClipboard(gradidoId)"
+                >
+                  <IBiCopy></IBiCopy>
+                  {{ gradidoId }}
+                </a>
+              </div>
             </div>
           </div>
         </BNavbarNav>
@@ -85,6 +99,9 @@ export default {
         initials: `${this.$store.state.firstName[0]}${this.$store.state.lastName[0]}`,
       }
     },
+    hasUsername() {
+      return this.$store.state.username && this.$store.state.username.length > 0
+    },
     gradidoId() {
       const name = this.$store.state.username
         ? this.$store.state.username
diff --git a/shared/src/schema/user.schema.ts b/shared/src/schema/user.schema.ts
index 494ee03b6..4e15ca9fa 100644
--- a/shared/src/schema/user.schema.ts
+++ b/shared/src/schema/user.schema.ts
@@ -22,6 +22,8 @@ const RESERVED_ALIAS = [
   'user',
   'usr',
   'var',
+  'reserved',
+  'undefined'
 ]
 
 export const aliasSchema = string()