- updated login page;

- updated registration page; - created profile page; - created company profile page;
2024-09-27 09:09:48 +02:00
parent 1bd00def4b
commit 478af11cb9
11 changed files with 406 additions and 41 deletions
--- a/src/pages/ProfileCompany/index.js
+++ b/src/pages/ProfileCompany/index.js
@@ -0,0 +1,111 @@
+import React, { useMemo, useRef } from 'react';
+import { __ } from '@wordpress/i18n';
+
+// store
+import { storeSet, useStore } from '../../store';
+
+// components
+import { Messages } from 'primereact/messages';
+import set404FromErrorResponse from '../../helpers/set404FromErrorResponse';
+import FormField from '../../components/FormField';
+import { Button } from 'primereact/button';
+import { useForm } from 'react-hook-form';
+
+// api
+import UserService from '../../service/user-service';
+import getDateFromISOstring from '../../helpers/getDateFromISOstring';
+
+const ProfileCompany = () => {
+    const isAsyncRequest = useStore().main.isAsyncRequest();
+    const userData = useStore().main.userData();
+    const infoMsgs = useRef(null);
+
+    const {
+        control,
+        handleSubmit,
+        formState: { errors },
+        setValue
+    } = useForm({
+        defaultValues: useMemo(() => {
+            return userData;
+        }, [userData]),
+        mode: 'onChange'
+    });
+
+    const onSubmit = (formData) => {
+        infoMsgs.current.clear();
+        storeSet.main.setAsyncRequest();
+
+        UserService.updateUser(formData, updateCallback, updateError);
+    };
+
+    const updateCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            //setData(getFormattedBandiData(data.data));
+        }
+        storeSet.main.unsetAsyncRequest();
+    }
+
+    const updateError = (data) => {
+        set404FromErrorResponse(data);
+        storeSet.main.unsetAsyncRequest();
+    }
+
+    return (
+        <div className="appPage">
+            <div className="appPage__pageHeader">
+                <h1>{__('Profilo aziendale', 'gepafin')}</h1>
+            </div>
+
+            <div className="appPage__spacer"></div>
+            <Messages ref={infoMsgs}/>
+
+            <form className="appForm" onSubmit={handleSubmit(onSubmit)}>
+
+                <div className="appPageSection">
+                    <h2>{__('Informazioni aziendali', 'gepafin')}</h2>
+                    <div className="appForm__cols">
+                        <FormField
+                            type="textinput"
+                            fieldName="organization"
+                            label={__('Ragione Sociale', 'gepafin')}
+                            control={control}
+                            errors={errors}
+                            config={{ required: __('È obbligatorio', 'gepafin') }}
+                            placeholder="Azienda"
+                        />
+                    </div>
+                    <div className="appForm__cols">
+                        <FormField
+                            type="textinput"
+                            fieldName="address"
+                            label={__('Indirizzo Sede Legale', 'gepafin')}
+                            control={control}
+                            errors={errors}
+                            config={{ required: __('È obbligatorio', 'gepafin') }}
+                        />
+                    </div>
+                </div>
+
+                <div className="appPage__spacer"></div>
+
+                <div className="appPageSection__hr">
+                    <span>{__('Azioni rapide', 'gepafin')}</span>
+                </div>
+
+                <div className="appPageSection">
+                    <div className="appPageSection__actions">
+                        <Button
+                            disabled={isAsyncRequest}
+                            label={__('Salva modifiche', 'gepafin')}
+                            icon="pi pi-check" iconPos="right"/>
+                    </div>
+                </div>
+            </form>
+
+        </div>
+    )
+
+}
+
+export default ProfileCompany;