required fields get asterisk

asreview · Apr 23, 2024 · a9845ef · a9845ef
1 parent 24c6ce4
commit a9845ef
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/asreview/webapp/src/Components/ResetPassword.js b/asreview/webapp/src/Components/ResetPassword.js
@@ -160,6 +160,7 @@ const ResetPassword = (props) => {
                 <FormControl>
                   <Stack spacing={3}>
                     <TextField
+                      required={true}
                       id="password"
                       label="Password"
                       size="small"
@@ -175,6 +176,7 @@ const ResetPassword = (props) => {
                       }}
                     />
                     <TextField
+                      required={true}
                       id="confirmPassword"
                       label="Confirm Password"
                       size="small"

diff --git a/asreview/webapp/src/Components/SignUpForm.js b/asreview/webapp/src/Components/SignUpForm.js
@@ -147,6 +147,7 @@ const SignUpForm = (props) => {
                 <Typography variant="h5">Create your profile</Typography>
                 <Stack spacing={3} component="form" noValidate>
                   <TextField
+                    required={true}
                     id="email"
                     name="email"
                     label="Email"
@@ -164,6 +165,7 @@ const SignUpForm = (props) => {
                   <FormControl>
                     <Stack direction="row" spacing={2}>
                       <TextField
+                        required={true}
                         id="password"
                         label="Password"
                         size="small"
@@ -177,6 +179,7 @@ const SignUpForm = (props) => {
                         }}
                       />
                       <TextField
+                        required={true}
                         id="confirmPassword"
                         label="Confirm Password"
                         size="small"
@@ -242,6 +245,7 @@ const SignUpForm = (props) => {
                   {isError && <InlineErrorHandler message={error.message} />}
                   <Divider />
                   <TextField
+                    required={true}
                     id="name"
                     name="name"
                     label="Full name"
@@ -256,6 +260,7 @@ const SignUpForm = (props) => {
                     <FHT error={true}>{formik.errors.name}</FHT>
                   ) : null}
                   <TextField
+                    required={true}
                     id="affiliation"
                     label="Affiliation"
                     size="small"

diff --git a/asreview/webapp/src/HomeComponents/DashboardComponents/ProfilePage.js b/asreview/webapp/src/HomeComponents/DashboardComponents/ProfilePage.js
@@ -166,6 +166,7 @@ const ProfilePage = (props) => {
           <Stack direction="column" spacing={2}>
             <Typography variant="h6">Change email & password</Typography>
             <TextField
+              required={true}
               id="email"
               label="Email"
               size="small"
@@ -304,6 +305,7 @@ const ProfilePage = (props) => {
                 <Typography variant="h6">User data</Typography>
               )}
               <TextField
+                required={true}
                 id="name"
                 label="Full name"
                 size="small"
@@ -319,6 +321,7 @@ const ProfilePage = (props) => {
                 <FHT error={true}>{formik.errors.name}</FHT>
               ) : null}
               <TextField
+                required={true}
                 id="affiliation"
                 label="Affiliation"
                 size="small"