Fix/links

contents/home-page/home.yml

@@ -138,10 +138,10 @@ support:
   cards:
     - title: Domande frequenti
       description: Scopri i dettagli dell’iniziativa e le informazioni chiave sulle opportunità del PNRR
-      isModal: false
+      link: /supporto/faq
     - title: Contatti
       description: Compila il modulo per inviarci i tuoi suggerimenti o per avere chiarimenti sull’iniziativa
-      isModal: true
+      link: /supporto/ricevi-aggiornamenti
 heroMain:
   category: 'le misure del pnrr'
   title: Il punto di accesso alle risorse per la transizione digitale della PA

src/layouts/IndexPage.jsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { createUseStyles } from 'react-jss';
 import { announce } from '@react-aria/live-announcer';
 import {
@@ -20,7 +20,6 @@ import { HomeCarousel } from '../components/carousel/HomeCarousel';
 import { SEO } from '../components/SEO';
 import seo from '../../contents/seo.yml';
 import labels from '../../contents/labels.yml';
-import { GlobalStateContext } from '../context/globalContext';
 import { SupportSection } from './faq/SupportSection';
 import { OpportunitySection } from './home/OpportunitySection';
 
@@ -47,7 +46,6 @@ const useStyles = createUseStyles({
 
 export const IndexPage = () => {
   const classes = useStyles();
-  const [, dispatch] = useContext(GlobalStateContext);
 
   useEffect(() => {
     announce('Pagina caricata ' + name);
@@ -101,16 +99,7 @@ export const IndexPage = () => {
         titleId="home-italia-digitale"
       />
       <HeroCarousel content={heroCarouselNews} title={heroCarouselNewsTitle} />
-      <SupportSection
-        supportList={support.cards}
-        title={support.title}
-        buttonLabel={support.buttonLabel}
-        handleToggle={() => {
-          dispatch({
-            type: 'SET:TOGGLE_MODAL_MESSAGE',
-          });
-        }}
-      />
+      <SupportSection supportList={support.cards} title={support.title} buttonLabel={support.buttonLabel} />
     </>
   );
 };

src/layouts/faq/SupportSection.jsx

@@ -109,7 +109,7 @@ const useStyles = createUseStyles({
 
 export const SupportSection = (props) => {
   const classes = useStyles();
-  const { title, supportList, buttonLabel, handleToggle } = props;
+  const { title, supportList, buttonLabel } = props;
   return (
     <>
       <section className="section section-muted" aria-labelledby="support-section">
@@ -128,25 +128,8 @@ export const SupportSection = (props) => {
               <Row>
                 {supportList.map((card) => (
                   <Col key={card.title} md={5} lg={4} xl={3} className={classes.colCard}>
-                    {card.isModal ? (
-                      <div
-                        role="button"
-                        tabIndex="0"
-                        onKeyPress={handleToggle}
-                        onClick={handleToggle}
-                        className={classes.resetButton}
-                      >
-                        <Card teaser noWrapper className={classes.cardWrapper}>
-                          <CardBody>
-                            <CardTitle tag="h5" className={classes.cardTitle}>
-                              {card.title}
-                            </CardTitle>
-                            <CardText className={classes.cardText}>{card.description}</CardText>
-                          </CardBody>
-                        </Card>
-                      </div>
-                    ) : (
-                      <Link to="/supporto/faq" className={classes.cleanLink}>
+                    {
+                      <Link to={card.link} className={classes.cleanLink}>
                         <Card teaser noWrapper className={classes.cardWrapper}>
                           <CardBody>
                             <CardTitle tag="h5" className={classes.cardTitle}>
@@ -156,7 +139,7 @@ export const SupportSection = (props) => {
                           </CardBody>
                         </Card>
                       </Link>
-                    )}
+                    }
                   </Col>
                 ))}
               </Row>
@@ -185,5 +168,4 @@ SupportSection.propTypes = {
   title: PropTypes.string,
   supportList: PropTypes.array,
   buttonLabel: PropTypes.string,
-  handleToggle: PropTypes.func,
 };

src/layouts/support/Assistance.jsx

@@ -1,14 +1,13 @@
 /* eslint-disable prettier/prettier */
-import React, { useContext } from 'react';
+import React from 'react';
 import { createUseStyles } from 'react-jss';
-import { Button } from 'design-react-kit';
+import { Link } from 'gatsby';
 import { HeroTitle } from '../../components/hero/HeroTitle';
 import { HeroBody } from '../../components/hero/HeroBody';
 import { HeroCtaContainer } from '../../components/hero/HeroCtaContainer';
 import { HeroGraphic } from '../../components/hero/HeroGraphic';
 import { Hero } from '../../components/hero/Hero';
 import content from '../../../contents/support-page/support.yml';
-import { GlobalStateContext } from '../../context/globalContext';
 
 const {
   heroAssistance: { title, body, btnText },
@@ -37,7 +36,6 @@ const useStyle = createUseStyles({
 
 export const Assistance = () => {
   const classes = useStyle();
-  const [, dispatch] = useContext(GlobalStateContext);
 
   return (
     <React.Fragment>
@@ -47,15 +45,9 @@ export const Assistance = () => {
             <HeroTitle title={title} className={classes.heroTitle} />
             <HeroBody html={body} />
             <HeroCtaContainer>
-              <Button
-                color="primary"
-                className={classes.heroBtn}
-                onClick={() => {
-                  dispatch({ type: 'SET:TOGGLE_MODAL_MESSAGE' });
-                }}
-              >
+              <Link to="/supporto/assistenza" className={`${classes.heroBtn} btn btn-primary`}>
                 {btnText}
-              </Button>
+              </Link>
             </HeroCtaContainer>
           </div>
           <HeroGraphic className="col-lg-6 text-center mt-4 mt-lg-0">

src/pages/updates.jsx → src/pages/supporto/ricevi-aggiornamenti.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UpdatesPage } from '../layouts/UpdatesPage';
+import { UpdatesPage } from '../../layouts/UpdatesPage';
 
 const Page = () => <UpdatesPage title="Ricevi Aggiornamenti" />;
 export default Page;