[skip ci] disable email field on profile page

blockscout · Oct 21, 2024 · 4546db7 · 4546db7
1 parent 7141aa3
commit 4546db7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/ui/myProfile/MyProfileEmail.tsx b/ui/myProfile/MyProfileEmail.tsx
@@ -81,13 +81,16 @@ const MyProfileEmail = ({ profileQuery }: Props) => {
           onSubmit={ formApi.handleSubmit(onFormSubmit) }
         >
           <MyProfileFieldsName/>
-          <MyProfileFieldsEmail isReadOnly={ !config.services.reCaptchaV3.siteKey } defaultValue={ profileQuery.data?.email || undefined }/>
-          { config.services.reCaptchaV3.siteKey && (
+          <MyProfileFieldsEmail
+            isReadOnly={ !config.services.reCaptchaV3.siteKey || Boolean(profileQuery.data?.email) }
+            defaultValue={ profileQuery.data?.email || undefined }
+          />
+          { config.services.reCaptchaV3.siteKey && !profileQuery.data?.email && (
             <GoogleReCaptchaProvider reCaptchaKey={ config.services.reCaptchaV3.siteKey }>
               <FormFieldReCaptcha/>
             </GoogleReCaptchaProvider>
           ) }
-          { config.services.reCaptchaV3.siteKey && (
+          { config.services.reCaptchaV3.siteKey && !profileQuery.data?.email && (
             <Button
               mt={ 6 }
               size="sm"

diff --git a/ui/myProfile/fields/MyProfileFieldsName.tsx b/ui/myProfile/fields/MyProfileFieldsName.tsx
@@ -16,7 +16,7 @@ const MyProfileFieldsName = () => {
   const isDisabled = formState.isSubmitting;
 
   return (
-    <FormControl variant="floating" isDisabled={ isDisabled } size="md" cursor="not-allowed" mb={ 3 }>
+    <FormControl variant="floating" isDisabled={ isDisabled } size="md" mb={ 3 }>
       <Input
         { ...field }
         isInvalid={ Boolean(fieldState.error) }

diff --git a/ui/pages/__screenshots__/MyProfile.pw.tsx_default_without-address-1.png b/ui/pages/__screenshots__/MyProfile.pw.tsx_default_without-address-1.png