From f2333078ca3dc4fc2f8b201a045232993f4e461c Mon Sep 17 00:00:00 2001
From: Ben Elferink <ben.elferink@icloud.com>
Date: Tue, 28 Sep 2021 18:59:17 +0300
Subject: [PATCH] bug fixes

---
 client/src/components/AuthModal.js | 4 ++++
 client/src/components/Header.js    | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/components/AuthModal.js b/client/src/components/AuthModal.js
index 33ca440..6b17ec1 100644
--- a/client/src/components/AuthModal.js
+++ b/client/src/components/AuthModal.js
@@ -77,6 +77,7 @@ function LoginForm({formData, handleChange}) {
       <TextField
         label='Username'
         name='username'
+        type='text'
         value={formData['username'] ?? ''}
         onChange={handleChange}
         variant='filled'
@@ -86,6 +87,7 @@ function LoginForm({formData, handleChange}) {
       <TextField
         label='Password'
         name='password'
+        type='password'
         value={formData['password'] ?? ''}
         onChange={handleChange}
         variant='filled'
@@ -104,6 +106,7 @@ function RegisterForm({formData, handleChange}) {
       <TextField
         label='Username'
         name='username'
+        type='text'
         value={formData['username'] ?? ''}
         onChange={handleChange}
         variant='filled'
@@ -113,6 +116,7 @@ function RegisterForm({formData, handleChange}) {
       <TextField
         label='Password'
         name='password'
+        type='password'
         value={formData['password'] ?? ''}
         onChange={handleChange}
         variant='filled'
diff --git a/client/src/components/Header.js b/client/src/components/Header.js
index 628735e..bade1b0 100644
--- a/client/src/components/Header.js
+++ b/client/src/components/Header.js
@@ -52,7 +52,7 @@ export default function Header() {
         transformOrigin={{vertical: 'top', horizontal: 'right'}}>
         <List style={{minWidth: '100px'}}>
           <ListSubheader style={{textAlign: 'center'}}>
-            Hello, {isLoggedIn ? 'Ben' : 'Guest'}
+            Hello, {isLoggedIn ? account.username : 'Guest'}
           </ListSubheader>
 
           {isLoggedIn ? (