From 54f73504ecdd02650bc1922fb0cc4b346c4abcda Mon Sep 17 00:00:00 2001
From: neilchen0812 <neil.chentl@gmail.com>
Date: Sat, 10 Oct 2026 00:29:25 +1030
Subject: [PATCH] fix: add header for ChooseUsernamePage

---
 app/src/views/ChooseUsernamePage.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/src/views/ChooseUsernamePage.vue b/app/src/views/ChooseUsernamePage.vue
index ebbc6e3..b02552e 100644
--- a/app/src/views/ChooseUsernamePage.vue
+++ b/app/src/views/ChooseUsernamePage.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { isValidUsername } from '../../../packages/utils'
 import AuthForm from '../components/AuthForm.vue'
-import Background from '../components/DynamicBackground.vue'
+import DynamicBackground from '../components/DynamicBackground.vue'
+import HeaderPart from '../components/header/HeaderPart.vue'
 import { TooManyRequestsError, ValidationError } from '../utils/errors'
 import { checkUsername, chooseUsername } from '../utils/auth'
 
@@ -63,10 +64,11 @@ async function handleSubmit({
 
 <template>
   <div class="w-screen h-screen">
-    <Background class="w-full h-full" />
+    <DynamicBackground class="w-full h-full" />
     <div
       class="h-screen w-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
     >
+      <HeaderPart />
       <div class="w-fit">
         <AuthForm
           @onSubmit="handleSubmit"