Fix toggle actions

opengento · Jan 30, 2025 · d000c0b · d000c0b
1 parent 080ce66
commit d000c0b
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 17 deletions.
diff --git a/public/locales/fr/speakers.json b/public/locales/fr/speakers.json
@@ -1,4 +1,7 @@
 {
+  "actions": {
+    "seeAllUrl": null
+  },
   "data": {
     "title": "Appel à speakers",
     "subtitle": "Vous êtes expert du E-Commerce ou passionné de Magento ?",

diff --git a/public/locales/fr/sponsors.json b/public/locales/fr/sponsors.json
@@ -1,5 +1,5 @@
 {
-  "feature": {
+  "actions": {
     "submitUrl": null,
     "seeAllUrl": null
   },

diff --git a/src/components/Speakers/SpeakersList.tsx b/src/components/Speakers/SpeakersList.tsx
@@ -12,12 +12,15 @@ import Speaker from "./Speaker/Speaker";
 import SpeakerPopIn from "./Speaker/SpeakerPopIn";
 import ButtonLink from "@/components/ButtonLink/ButtonLink";
 import { SpeakerProps } from "@/components/Speakers/Speaker/SpeakerProps";
+import {useTranslation} from "react-i18next";
 
 const SpeakersList = ({ speakers }: { speakers: SpeakerProps[] }) => {
   const { width } = useWindowSize();
   const swiperRef = React.useRef<SwiperClass>(null);
   const [selectedSpeaker, setSelectedSpeaker] =
     React.useState<SpeakerProps | null>(null);
+  const { t } = useTranslation(['speakers']);
+  const actions = t('actions', { returnObjects: true });
 
   const handleSpeakerClick = (speaker: SpeakerProps) => {
     setSelectedSpeaker(speaker);
@@ -48,16 +51,20 @@ const SpeakersList = ({ speakers }: { speakers: SpeakerProps[] }) => {
           onPrevClick={handlePrev}
           onNextClick={handleNext}
         >
-          <div className="md:hidden">
-            <ButtonLink variant="secondary" href="#speakers">
-              Voir tout
-            </ButtonLink>
-          </div>
-          <div className="hidden md:block">
-            <ButtonLink variant="secondary" href="#speakers">
-              Découvrir les speakers
-            </ButtonLink>
-          </div>
+          {'seeAllUrl' in actions && typeof actions.seeAllUrl === 'string' && (
+            <>
+              <div className="md:hidden">
+                <ButtonLink variant="secondary" href={actions.seeAllUrl}>
+                  Voir tout
+                </ButtonLink>
+              </div>
+              <div className="hidden md:block">
+                <ButtonLink variant="secondary" href={actions.seeAllUrl}>
+                  Découvrir les speakers
+                </ButtonLink>
+              </div>
+            </>
+          )}
         </TopBanner>
       </div>
       <ClientOnly>

diff --git a/src/components/SponsorList/SponsorList.tsx b/src/components/SponsorList/SponsorList.tsx
@@ -14,7 +14,7 @@ import {useTranslation} from "react-i18next";
 
 const SponsorList = ({ items }: { items: SponsorProps[] }) => {
   const { t } = useTranslation(['sponsors']);
-  const features = t('features', { returnObjects: true });
+  const actions = t('actions', { returnObjects: true });
 
   const sponsorListByType: Record<SponsorTypeProps, SponsorProps[]> =
     items.reduce(
@@ -48,20 +48,20 @@ const SponsorList = ({ items }: { items: SponsorProps[] }) => {
             title="Merci à nos sponsors"
             backgroundImage="/images/pattern_top-banner_sponsors.svg"
           >
-            {'submitUrl' in features && typeof features.submitUrl === 'string' && (
-              <ButtonLink variant="secondary" href={features.submitUrl}>
+            {'submitUrl' in actions && typeof actions.submitUrl === 'string' && (
+              <ButtonLink variant="secondary" href={actions.submitUrl}>
                 Devenir sponsor
               </ButtonLink>
             )}
-            {'seeAllUrl' in features && typeof features.seeAllUrl === 'string' && (
+            {'seeAllUrl' in actions && typeof actions.seeAllUrl === 'string' && (
               <>
                 <div className="hidden md:block">
-                  <ButtonLink variant="soft-pink" href={features.seeAllUrl}>
+                  <ButtonLink variant="soft-pink" href={actions.seeAllUrl}>
                     Voir tous les sponsors
                   </ButtonLink>
                 </div>
                 <div className="md:hidden">
-                  <ButtonLink variant="soft-pink" href={features.seeAllUrl}>
+                  <ButtonLink variant="soft-pink" href={actions.seeAllUrl}>
                     Voir tout
                   </ButtonLink>
                 </div>