- added cache faq items;

- added terms pdf;
- added redirect to 'add company' for new users;
This commit is contained in:
Vitalii Kiiko
2024-10-11 12:51:15 +02:00
parent 8fb1551880
commit bd64a34347
26 changed files with 168 additions and 36 deletions

View File

@@ -6,11 +6,16 @@ import { isEmpty, isNil } from 'ramda';
// store
import { storeSet, useStore } from '../../store';
// api
import AuthenticationService from '../../service/authentication-service';
// components
import LogoIcon from '../../icons/LogoIcon';
import { Messages } from 'primereact/messages';
import { useSearchParams } from 'react-router-dom';
import AuthenticationService from '../../service/authentication-service';
import { Dialog } from 'primereact/dialog';
import { Accordion } from 'primereact/accordion';
import { AccordionTab } from 'primereact/accordion';
const API_BASE_URL = process.env.REACT_APP_API_ADDRESS;
@@ -18,7 +23,9 @@ const Login = () => {
const token = useStore().main.token();
const errorMsgs = useRef(null);
const [loading, setLoading] = useState(false);
const [visibleCacheFaq, setVisibleCacheFaq] = useState(false);
let [searchParams] = useSearchParams();
const { origin } = window.location;
const loginWithSpid = () => {
if (!loading) {
@@ -56,6 +63,15 @@ const Login = () => {
setLoading(false);
}
const openCacheFaq = (e) => {
e.preventDefault();
setVisibleCacheFaq(true);
}
const hideCacheFaq = () => {
setVisibleCacheFaq(false);
}
useEffect(() => {
if (!isEmpty(token)) {
window.location.replace('/')
@@ -104,6 +120,72 @@ const Login = () => {
<span>{__('Entra con SPID', 'gepafin')}</span>
</button>
<div className="appPage__spacer"></div>
<p><a href={origin} onClick={openCacheFaq}>{__('Hai problemi di accesso con SPID?', 'gepafin')}</a></p>
<Dialog header={__('Termini e condizioni', 'gepafin')} visible={visibleCacheFaq} style={{
width: '70vw',
minHeight: 500
}} onHide={hideCacheFaq}>
<p>
{__('Se rilevi problemi di accesso allo sportello telematico utilizzando le tue credenziali SPID, solitamente si tratta di un esaurimento dello spazio dedicato alla cache, cioè linsieme dei dati che i software salvano sul browser per rendere il caricamento di determinate pagine internet più rapido.', 'gepafin')}
</p>
<Accordion>
<AccordionTab header={__('Come svuotare la cache su Google Chrome', 'gepafin')}>
<p>Se solitamente navighi in internet utilizzando Google Chrome, per svuotare la cache
devi:</p>
<ul>
<li>cliccare sui tre puntini verticali in alto a destra
</li>
<li>selezionare la voce Impostazioni</li>
<li>accedere al menu Privacy e sicurezza > Cancella dati di navigazione</li>
<li>selezionare la voce Immagini e file memorizzati nella cache e poi premere sul
pulsante Cancella dati.
</li>
</ul>
<img src={`${origin}/loaded-files/empty-cache-chrome.png`}
alt={__('Come svuotare la cache su Google Chrome', 'gepafin')}/>
</AccordionTab>
<AccordionTab header={__('Come svuotare la cache su Mozilla Firefox', 'gepafin')}>
<p>Se solitamente navighi in internet utilizzando Mozilla Firefox, per svuotare la cache
devi:</p>
<ul>
<li>cliccare sulle tre linee orizzontali in alto a destra</li>
<li>selezionare la voce Impostazioni</li>
<li>accedere al menu Privacy e sicurezza > Cookie e dati dei siti web > Elimina
dati...
</li>
<li>selezionare la voce Contenuti web in cache e poi premere sul pulsante Elimina.</li>
</ul>
<img src={`${origin}/loaded-files/empty-cache-firefox.png`}
alt={__('Come svuotare la cache su Mozilla Firefox', 'gepafin')}/>
</AccordionTab>
<AccordionTab header={__('Come svuotare la cache su Microsoft Edge', 'gepafin')}>
<p>Se solitamente navighi in internet utilizzando Microsoft Edge, per svuotare la cache
devi:</p>
<ul>
<li>cliccare sui tre puntini orizzontali in alto a destra</li>
<li>selezionare la voce Impostazioni</li>
<li>accedere al menu Privacy, ricerca e servizi > Cancella i dati di navigazione >
Scegli cosa cancellare
</li>
<li>selezionare la voce Immagini e file memorizzati nella cache e poi premere sul
pulsante Cancella ora.
</li>
</ul>
<img src={`${origin}/loaded-files/empty-cache-edge.png`}
alt={__('Come svuotare la cache su Microsoft Edge', 'gepafin')}/>
</AccordionTab>
</Accordion>
</Dialog>
</div>
</div>
)