show user if not logged out

1 files changed, 4 insertions, 3 deletions

diff --git a/packages/demobank-ui/src/pages/LoginForm.tsx b/packages/demobank-ui/src/pages/LoginForm.tsx
index e0ff77417..5eaad4bb0 100644
--- a/packages/demobank-ui/src/pages/LoginForm.tsx
+++ b/packages/demobank-ui/src/pages/LoginForm.tsx
@@ -31,13 +31,14 @@ import { assertUnreachable } from "./WithdrawalOperationPage.js";
 export function LoginForm({ currentUser, fixedUser, onRegister }: { fixedUser?: boolean, currentUser?: string, onRegister?: () => void }): VNode {
   const backend = useBackendState();
 
-  const [username, setUsername] = useState<string | undefined>(currentUser);
+  const sessionUser = backend.state.status !== "loggedOut" ? backend.state.username : undefined
+  const [username, setUsername] = useState<string | undefined>(currentUser ?? sessionUser);
   const [password, setPassword] = useState<string | undefined>();
   const { i18n } = useTranslationContext();
   const { api } = useBankCoreApiContext();
   const [notification, notify, handleError] = useLocalNotification()
   const {config} = useBankCoreApiContext();
-
+  
   const ref = useRef<HTMLInputElement>(null);
   useEffect(function focusInput() {
     ref.current?.focus();
@@ -160,7 +161,7 @@ export function LoginForm({ currentUser, fixedUser, onRegister }: { fixedUser?:
             </div>
           </div>
 
-          {currentUser ? <div class="flex justify-between">
+          {backend.state.status !== "loggedOut" ? <div class="flex justify-between">
             <button type="submit"
               class="rounded-md bg-white-600 px-3 py-1.5 text-sm font-semibold leading-6 text-black shadow-sm hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600"
               onClick={(e) => {