feat: move display name to the top of sign up page

project-slippi · Jun 24, 2021 · 762f618 · 762f618
1 parent 49239bd
commit 762f618
Showing 1 changed file with 20 additions and 20 deletions.
diff --git a/src/renderer/containers/LoginForm.tsx b/src/renderer/containers/LoginForm.tsx
@@ -99,27 +99,8 @@ export const LoginForm: React.FC<LoginFormProps> = ({
         void execute();
       }}
     >
-      <Grid container alignItems="flex-end">
-        <Grid item md={true} sm={true} xs={true}>
-          <TextField
-            disabled={loading}
-            label="Email"
-            variant="filled"
-            value={email}
-            autoFocus={!disableAutoFocus}
-            fullWidth={true}
-            required={true}
-            onChange={(e) => setEmail(e.target.value)}
-            InputLabelProps={{
-              classes: {
-                root: classes.cssLabel,
-              },
-            }}
-          />
-        </Grid>
-      </Grid>
       {isSignUp && (
-        <Grid container alignItems="flex-end" style={{ marginTop: 15 }}>
+        <Grid container alignItems="flex-end">
           <Grid item md={true} sm={true} xs={true}>
             <TextField
               disabled={loading}
@@ -139,6 +120,25 @@ export const LoginForm: React.FC<LoginFormProps> = ({
           </Grid>
         </Grid>
       )}
+      <Grid container alignItems="flex-end" style={{ marginTop: 15 }}>
+        <Grid item md={true} sm={true} xs={true}>
+          <TextField
+            disabled={loading}
+            label="Email"
+            variant="filled"
+            value={email}
+            autoFocus={!disableAutoFocus}
+            fullWidth={true}
+            required={true}
+            onChange={(e) => setEmail(e.target.value)}
+            InputLabelProps={{
+              classes: {
+                root: classes.cssLabel,
+              },
+            }}
+          />
+        </Grid>
+      </Grid>
       <Grid container alignItems="flex-end" style={{ marginTop: 15 }}>
         <Grid item md={true} sm={true} xs={true}>
           <TextField