Add gif file and minor improvements.

Signed-off-by: Aliwoto <aminnimaj@gmail.com>
ALiwoto · Aug 20, 2024 · 32989e3 · 32989e3
1 parent d3a1e82
commit 32989e3
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 19 deletions.
diff --git a/public/examsphere-intro.gif b/public/examsphere-intro.gif
diff --git a/src/components/containers/createUserContainer.tsx b/src/components/containers/createUserContainer.tsx
@@ -1,7 +1,6 @@
 import styled from "styled-components";
 
 const CreateUserContainer = styled.div`
-    height: 100%;
     display: flex;
     justify-content: center;
     background-color: #f5f5f5;

diff --git a/src/pages/createUserPage.tsx b/src/pages/createUserPage.tsx
@@ -88,24 +88,6 @@ const CreateUserPage: React.FC = () => {
                         value={createUserData.password ?? ''}
                         onChange={(e) => { handleInputChange(e as any) }}
                         required />
-                    <SelectMenu
-                        labelText='Role'
-                        labelId='role-select-label'
-                        name={CurrentAppTranslation.role}
-                        value={createUserData.role ?? UserRole.UserRoleStudent}
-                        onChange={handleInputChange}
-                        options={Object.values(UserRole).filter(role => apiClient.canCreateTargetRole(role))}
-                    />
-                    <FormControlLabel
-                        control={
-                            <Checkbox
-                            checked={createUserData.setup_completed ?? true}
-                            onChange={(e) => setUserInfo({ ...createUserData, setup_completed: e.target.checked })}
-                            color="primary"
-                            />
-                        }
-                        label="Send email confirmation to user"
-                    />
                     <TextField
                         style={{
                             width: '100%',
@@ -130,6 +112,24 @@ const CreateUserPage: React.FC = () => {
                         value={createUserData.user_address ?? ''}
                         onChange={(e) => { handleInputChange(e as any) }}
                         required={false} />
+                    <SelectMenu
+                        labelText='Role'
+                        labelId='role-select-label'
+                        name={CurrentAppTranslation.role}
+                        value={createUserData.role ?? UserRole.UserRoleStudent}
+                        onChange={handleInputChange}
+                        options={Object.values(UserRole).filter(role => apiClient.canCreateTargetRole(role))}
+                    />
+                    <FormControlLabel
+                        control={
+                            <Checkbox
+                            checked={createUserData.setup_completed ?? true}
+                            onChange={(e) => setUserInfo({ ...createUserData, setup_completed: e.target.checked })}
+                            color="primary"
+                            />
+                        }
+                        label="Send email confirmation to user"
+                    />
                     <SubmitButton type="submit">{CurrentAppTranslation.CreateUserButtonText}</SubmitButton>
                 </CreateUserForm>
             </CreateUserContainer>