Reformat all project files to use the prettier config file.

client/src/components/user-validate-pw-reset/user-validate-pw-reset.component.jsx

@@ -1,142 +1,136 @@
-import {LockOutlined} from "@ant-design/icons";
-import {Button, Form, Input, Result, Typography} from "antd";
-import React, {useEffect, useState} from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {Link} from "react-router-dom";
-import {createStructuredSelector} from "reselect";
+import { LockOutlined } from "@ant-design/icons";
+import { Button, Form, Input, Result, Typography } from "antd";
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { Link } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
 import RomeLogo from "../../assets/RomeOnlineBlue.png";
 import ImEXOnlineLogo from "../../assets/logo192.png";
-import {auth} from "../../firebase/firebase.utils";
-import {checkActionCode} from "@firebase/auth";
-import {validatePasswordResetStart} from "../../redux/user/user.actions";
-import {selectPasswordReset} from "../../redux/user/user.selectors";
+import { auth } from "../../firebase/firebase.utils";
+import { checkActionCode } from "@firebase/auth";
+import { validatePasswordResetStart } from "../../redux/user/user.actions";
+import { selectPasswordReset } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import "./user-validate-pw-reset.styles.scss";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
-import InstanceRenderManager from '../../utils/instanceRenderMgr';
+import InstanceRenderManager from "../../utils/instanceRenderMgr";
 
 const mapStateToProps = createStructuredSelector({
-    passwordReset: selectPasswordReset,
+  passwordReset: selectPasswordReset
 });
 const mapDispatchToProps = (dispatch) => ({
-    validatePasswordReset: (emailAndPin) =>
-        dispatch(validatePasswordResetStart(emailAndPin)),
+  validatePasswordReset: (emailAndPin) => dispatch(validatePasswordResetStart(emailAndPin))
 });
 
-export function UserValidatePwReset({
-                                        passwordReset,
-                                        validatePasswordReset,
-                                        oobCode,
-                                    }) {
-    const {t} = useTranslation();
-    const [codeValid, setCodeValid] = useState({loading: true});
-    const handleFinish = (values) => {
-        validatePasswordReset({code: oobCode, password: values.password});
-    };
+export function UserValidatePwReset({ passwordReset, validatePasswordReset, oobCode }) {
+  const { t } = useTranslation();
+  const [codeValid, setCodeValid] = useState({ loading: true });
+  const handleFinish = (values) => {
+    validatePasswordReset({ code: oobCode, password: values.password });
+  };
 
-    useEffect(() => {
-        async function checkCodeValid() {
-            try {
-                const codeValid = await checkActionCode(auth, oobCode);
+  useEffect(() => {
+    async function checkCodeValid() {
+      try {
+        const codeValid = await checkActionCode(auth, oobCode);
 
-                setCodeValid({loading: false, ...codeValid});
-            } catch (error) {
-                setCodeValid({loading: false, ...error});
-            }
-        }
+        setCodeValid({ loading: false, ...codeValid });
+      } catch (error) {
+        setCodeValid({ loading: false, ...error });
+      }
+    }
 
-        checkCodeValid();
-    }, [oobCode]);
+    checkCodeValid();
+  }, [oobCode]);
 
-    if (codeValid.loading) return <LoadingSpinner/>;
-
-    if (codeValid.code)
-        return (
-            <div>
-                <Result status="error" title={codeValid.message}/>
-            </div>
-        );
-
-    if (passwordReset.success)
-        return (
-            <Result
-                status="success"
-                title={t("general.labels.passwordresetvalidatesuccess")}
-                subTitle={t("general.labels.passwordresetvalidatesuccess_sub")}
-                extra={[
-                    <Link to={`/manage/`}>
-                        <Button>{t("general.labels.signin")}</Button>
-                    </Link>,
-                ]}
-            />
-        );
+  if (codeValid.loading) return <LoadingSpinner />;
 
+  if (codeValid.code)
     return (
-        <div className="reset-container">
-            <div className="reset-logo-container">
-            <img src={InstanceRenderManager({imex:ImEXOnlineLogo, rome:RomeLogo})} width={100} alt={InstanceRenderManager({imex:t("titles.imexonline"), rome: t("titles.romeonline"), promanager:t("titles.promanager")})}/>
-
-                <Typography.Title>{InstanceRenderManager({imex: t("titles.imexonline"), rome: t("titles.romeonline"), promanager:t("titles.promanager")})}</Typography.Title>
-            </div>
-            <Typography.Title level={3}>
-                {t("titles.resetpasswordvalidate")}
-            </Typography.Title>
-
-            <Form onFinish={handleFinish} size="large" layout="vertical">
-                <Form.Item
-                    label={t("general.labels.password")}
-                    name="password"
-                    rules={[
-                        {
-                            required: true,
-                            //message: t("general.validation.required"),
-                        },
-                    ]}
-                >
-                    <Input
-                        prefix={<LockOutlined/>}
-                        type="password"
-                        placeholder={t("general.labels.password")}
-                    />
-                </Form.Item>
-                <Form.Item
-                    label={t("general.labels.confirmpassword")}
-                    name="password-confirm"
-                    dependencies={["password"]}
-                    rules={[
-                        {
-                            required: true,
-                            //message: t("general.validation.required"),
-                        },
-                        ({getFieldValue}) => ({
-                            validator(rule, value) {
-                                if (!value || getFieldValue("password") === value) {
-                                    return Promise.resolve();
-                                }
-                                return Promise.reject(t("general.labels.passwordsdonotmatch"));
-                            },
-                        }),
-                    ]}
-                >
-                    <Input
-                        prefix={<LockOutlined/>}
-                        type="password"
-                        placeholder={t("general.labels.password")}
-                    />
-                </Form.Item>
-                {passwordReset.error ? (
-                    <AlertComponent message={passwordReset.error} type="warning"/>
-                ) : null}
-                <Button type="primary" className="reset-btn" htmlType="submit">
-                    {t("general.actions.submit")}
-                </Button>
-            </Form>
-        </div>
+      <div>
+        <Result status="error" title={codeValid.message} />
+      </div>
     );
+
+  if (passwordReset.success)
+    return (
+      <Result
+        status="success"
+        title={t("general.labels.passwordresetvalidatesuccess")}
+        subTitle={t("general.labels.passwordresetvalidatesuccess_sub")}
+        extra={[
+          <Link to={`/manage/`}>
+            <Button>{t("general.labels.signin")}</Button>
+          </Link>
+        ]}
+      />
+    );
+
+  return (
+    <div className="reset-container">
+      <div className="reset-logo-container">
+        <img
+          src={InstanceRenderManager({ imex: ImEXOnlineLogo, rome: RomeLogo })}
+          width={100}
+          alt={InstanceRenderManager({
+            imex: t("titles.imexonline"),
+            rome: t("titles.romeonline"),
+            promanager: t("titles.promanager")
+          })}
+        />
+
+        <Typography.Title>
+          {InstanceRenderManager({
+            imex: t("titles.imexonline"),
+            rome: t("titles.romeonline"),
+            promanager: t("titles.promanager")
+          })}
+        </Typography.Title>
+      </div>
+      <Typography.Title level={3}>{t("titles.resetpasswordvalidate")}</Typography.Title>
+
+      <Form onFinish={handleFinish} size="large" layout="vertical">
+        <Form.Item
+          label={t("general.labels.password")}
+          name="password"
+          rules={[
+            {
+              required: true
+              //message: t("general.validation.required"),
+            }
+          ]}
+        >
+          <Input prefix={<LockOutlined />} type="password" placeholder={t("general.labels.password")} />
+        </Form.Item>
+        <Form.Item
+          label={t("general.labels.confirmpassword")}
+          name="password-confirm"
+          dependencies={["password"]}
+          rules={[
+            {
+              required: true
+              //message: t("general.validation.required"),
+            },
+            ({ getFieldValue }) => ({
+              validator(rule, value) {
+                if (!value || getFieldValue("password") === value) {
+                  return Promise.resolve();
+                }
+                return Promise.reject(t("general.labels.passwordsdonotmatch"));
+              }
+            })
+          ]}
+        >
+          <Input prefix={<LockOutlined />} type="password" placeholder={t("general.labels.password")} />
+        </Form.Item>
+        {passwordReset.error ? <AlertComponent message={passwordReset.error} type="warning" /> : null}
+        <Button type="primary" className="reset-btn" htmlType="submit">
+          {t("general.actions.submit")}
+        </Button>
+      </Form>
+    </div>
+  );
 }
 
-export default connect(
-    mapStateToProps,
-    mapDispatchToProps
-)(UserValidatePwReset);
+export default connect(mapStateToProps, mapDispatchToProps)(UserValidatePwReset);

client/src/components/user-validate-pw-reset/user-validate-pw-reset.styles.scss

@@ -28,4 +28,3 @@
   left: 50%;
   transform: translate(-50%, 0);
 }
-