Fix Type Errors

Stockedhome · Nov 15, 2024 · 553d456 · 553d456
1 parent 8a49a79
commit 553d456
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/interface/features/getting-started-screen.tsx b/src/interface/features/getting-started-screen.tsx
@@ -17,7 +17,7 @@ function GettingStartedScreenInternal() {
     const sx = useSx();
 
     return <>
-        <H1 sx={{marginTop: 0, textAlign: 'center'}}>Welcome to Stockedhome{auth.username ? ', ' : null}{auth.username}!</H1>
+        <H1 sx={{marginTop: 0, textAlign: 'center'}}>Welcome to Stockedhome{auth.user ? `, ${auth.user.username}` : null}!</H1>
 
         <View sx={{ maxWidth: ['90%', null, '9in'] }}>
             <P variants={['p', 'thicker']} sx={{ textAlign: 'center', marginBottom: 6 }}> Stockedhome isn&rsquo;t much right now. Just a fancy authentication setup, really.</P>

diff --git a/src/interface/features/login-dialog.tsx b/src/interface/features/login-dialog.tsx
@@ -158,17 +158,17 @@ export function LogInScreenComponent({ hideLogInScreen, isLogInScreenVisible = t
     const auth = useAuthentication();
     const config = useConfig();
 
-    const [username, setUsername] = React.useState(auth.username);
+    const [username, setUsername] = React.useState(auth.user?.username);
     const [error, setError] = React.useState<string | WebAuthnErrorInfo | null>(null);
 
     React.useEffect(() => {
         if (isLogInScreenVisible) {
-            setUsername(auth.username);
+            setUsername(auth.user?.username);
         } else {
             setUsername('');
             setError(null);
         }
-    }, [isLogInScreenVisible, auth.username]);
+    }, [isLogInScreenVisible, auth.user?.username]);
 
     const hideLogInScreenRef = useUpdatedRef(hideLogInScreen);
     const logIn = React.useCallback(async () => {