Code formatting with prettier, change eslint config for the server

client/src/components/UserPopup/EditEmailStep.jsx

@@ -37,135 +37,137 @@ const createMessage = (error) => {
   }
 };
 
-const EditEmailStep = React.memo(({
-  defaultData, email, isSubmitting, error, onUpdate, onMessageDismiss, onBack, onClose,
-}) => {
-  const [t] = useTranslation();
-  const wasSubmitting = usePrevious(isSubmitting);
+const EditEmailStep = React.memo(
+  ({
+    defaultData, email, isSubmitting, error, onUpdate, onMessageDismiss, onBack, onClose,
+  }) => {
+    const [t] = useTranslation();
+    const wasSubmitting = usePrevious(isSubmitting);
 
-  const [data, handleFieldChange, setData] = useForm({
-    email: '',
-    currentPassword: '',
-    ...defaultData,
-  });
+    const [data, handleFieldChange, setData] = useForm({
+      email: '',
+      currentPassword: '',
+      ...defaultData,
+    });
 
-  const message = useMemo(() => createMessage(error), [error]);
-  const [focusCurrentPasswordFieldState, focusCurrentPasswordField] = useToggle();
+    const message = useMemo(() => createMessage(error), [error]);
+    const [focusCurrentPasswordFieldState, focusCurrentPasswordField] = useToggle();
 
-  const emailField = useRef(null);
-  const currentPasswordField = useRef(null);
+    const emailField = useRef(null);
+    const currentPasswordField = useRef(null);
 
-  const handleSubmit = useCallback(() => {
-    const cleanData = {
-      ...data,
-      email: data.email.trim(),
-    };
+    const handleSubmit = useCallback(() => {
+      const cleanData = {
+        ...data,
+        email: data.email.trim(),
+      };
 
-    if (!isEmail(cleanData.email)) {
-      emailField.current.select();
-      return;
-    }
-
-    if (cleanData.email === email) {
-      onClose();
-      return;
-    }
-
-    if (!cleanData.currentPassword) {
-      currentPasswordField.current.focus();
-      return;
-    }
-
-    onUpdate(cleanData);
-  }, [email, onUpdate, onClose, data]);
-
-  useEffect(() => {
-    emailField.current.select();
-  }, []);
-
-  useEffect(() => {
-    if (wasSubmitting && !isSubmitting) {
-      if (error) {
-        switch (error.message) {
-          case 'User is already exist':
-            emailField.current.select();
-
-            break;
-          case 'Current password is not valid':
-            setData((prevData) => ({
-              ...prevData,
-              currentPassword: '',
-            }));
-            focusCurrentPasswordField();
-
-            break;
-          default:
-        }
-      } else {
-        onClose();
+      if (!isEmail(cleanData.email)) {
+        emailField.current.select();
+        return;
       }
-    }
-  }, [isSubmitting, wasSubmitting, error, onClose, setData, focusCurrentPasswordField]);
 
-  useDidUpdate(() => {
-    currentPasswordField.current.focus();
-  }, [focusCurrentPasswordFieldState]);
+      if (cleanData.email === email) {
+        onClose();
+        return;
+      }
 
-  return (
-    <>
-      <Popup.Header onBack={onBack}>
-        {t('common.editEmail', {
-          context: 'title',
-        })}
-      </Popup.Header>
-      <Popup.Content>
-        {message && (
-          <Message
-            // eslint-disable-next-line react/jsx-props-no-spreading
-            {...{
-              [message.type]: true,
-            }}
-            visible
-            content={t(message.content)}
-            onDismiss={onMessageDismiss}
-          />
-        )}
-        <Form onSubmit={handleSubmit}>
-          <div className={styles.text}>{t('common.newEmail')}</div>
-          <Input
-            fluid
-            ref={emailField}
-            name="email"
-            value={data.email}
-            placeholder={email}
-            className={styles.field}
-            onChange={handleFieldChange}
-          />
-          {data.email.trim() !== email && (
-            <>
-              <div className={styles.text}>{t('common.currentPassword')}</div>
-              <Input
-                fluid
-                ref={currentPasswordField}
-                type="password"
-                name="currentPassword"
-                value={data.currentPassword}
-                className={styles.field}
-                onChange={handleFieldChange}
-              />
-            </>
+      if (!cleanData.currentPassword) {
+        currentPasswordField.current.focus();
+        return;
+      }
+
+      onUpdate(cleanData);
+    }, [email, onUpdate, onClose, data]);
+
+    useEffect(() => {
+      emailField.current.select();
+    }, []);
+
+    useEffect(() => {
+      if (wasSubmitting && !isSubmitting) {
+        if (error) {
+          switch (error.message) {
+            case 'User is already exist':
+              emailField.current.select();
+
+              break;
+            case 'Current password is not valid':
+              setData((prevData) => ({
+                ...prevData,
+                currentPassword: '',
+              }));
+              focusCurrentPasswordField();
+
+              break;
+            default:
+          }
+        } else {
+          onClose();
+        }
+      }
+    }, [isSubmitting, wasSubmitting, error, onClose, setData, focusCurrentPasswordField]);
+
+    useDidUpdate(() => {
+      currentPasswordField.current.focus();
+    }, [focusCurrentPasswordFieldState]);
+
+    return (
+      <>
+        <Popup.Header onBack={onBack}>
+          {t('common.editEmail', {
+            context: 'title',
+          })}
+        </Popup.Header>
+        <Popup.Content>
+          {message && (
+            <Message
+              // eslint-disable-next-line react/jsx-props-no-spreading
+              {...{
+                [message.type]: true,
+              }}
+              visible
+              content={t(message.content)}
+              onDismiss={onMessageDismiss}
+            />
           )}
-          <Button
-            positive
-            content={t('action.save')}
-            loading={isSubmitting}
-            disabled={isSubmitting}
-          />
-        </Form>
-      </Popup.Content>
-    </>
-  );
-});
+          <Form onSubmit={handleSubmit}>
+            <div className={styles.text}>{t('common.newEmail')}</div>
+            <Input
+              fluid
+              ref={emailField}
+              name="email"
+              value={data.email}
+              placeholder={email}
+              className={styles.field}
+              onChange={handleFieldChange}
+            />
+            {data.email.trim() !== email && (
+              <>
+                <div className={styles.text}>{t('common.currentPassword')}</div>
+                <Input
+                  fluid
+                  ref={currentPasswordField}
+                  type="password"
+                  name="currentPassword"
+                  value={data.currentPassword}
+                  className={styles.field}
+                  onChange={handleFieldChange}
+                />
+              </>
+            )}
+            <Button
+              positive
+              content={t('action.save')}
+              loading={isSubmitting}
+              disabled={isSubmitting}
+            />
+          </Form>
+        </Popup.Content>
+      </>
+    );
+  },
+);
 
 EditEmailStep.propTypes = {
   defaultData: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types