Switch back to Input for username

webclient/src/LoginSignup.js

@@ -181,10 +181,15 @@ export function SignupForm(props) {
 					</Message>}
 
 					{!!genUsername() &&
-						<div className='field'>
+						<Form.Input
-							<label>Username</label>
+							label='Username'
-							<p style={{background: 'yellow'}}>{genUsername()}</p>
+							name='username'
-						</div>
+							value={genUsername()}
+							error={error.username}
+							readOnly
+						>
+							<input style={{ border: 'none' }}></input>
+						</Form.Input>
 					}
 
 					<Form.Input