Merge pull request #351 from dataforgoodfr/feat/dynamise-suite

Feat/dynamise suite

Author: remiriv

backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json

@@ -14,7 +14,7 @@
       "name": "Apache 2.0",
       "url": "https://www.apache.org/licenses/LICENSE-2.0.html"
     },
-    "x-generation-date": "2025-09-30T20:01:18.840Z"
+    "x-generation-date": "2025-10-01T08:09:20.342Z"
   },
   "x-strapi-config": {
     "plugins": [

frontend/public/images/marty-2.svg

@@ -228,12 +228,12 @@ const Header = () => {
                     onClick={() => toggleNav(false)}
                     role="menuitem"
                     className={clsx(
-                      'inline-flex items-center gap-2 px-4 py-2',
+                      'inline-flex items-center gap-2 px-4 py-2 lg:py-0.5',
                       link === 'financier' ? 'bg-resistance' : 'bg-alive',
-                      'font-primary font-black tracking-widest uppercase text-black text-[12px] shadow-block shadow-block--black',
+                      'font-primary font-black tracking-widest uppercase text-black text-[12px] shadow-base',
                     )}
                   >
-                    {t(`header.nav.top.${link}`)}
+                    <span className='lg:pr-9'>{t(`header.nav.top.${link}`)}</span>
                     <ArrowIcon />
                   </Link>
                 </li>

frontend/public/images/marty.png

@@ -65,11 +65,11 @@ export default function DonationsPage({ data }: DonationProps) {
     <>
       <LargeTextImageDonation
         title={data.banner_title ?? t('title')}
+        subtitle={data.banner_subtitle}
         titleLevel={1}
         iframe={<div className='p-4 [&>iframe]:rounded-2xl' ref={donationSectionRef}>
           <a href="https://soutenir.dataforgood.fr/native-/#iraiser_native"></a>
         </div>}
-        background="purple"
         className="my-lg"
         internalClassName='min-h-[850px]'
       />

frontend/src/app/[locale]/_partials/header.tsx

@@ -33,13 +33,13 @@ async function fetchDonationData() {
               },
             }
           },
-           donation_cta: {
-             populate: "*"
-           },
-           seo_meta: {
-             populate: "*"
-           }
-         }
+          donation_cta: {
+            populate: "*"
+          },
+          seo_meta: {
+            populate: "*"
+          }
+        }
       }
     }
   });
@@ -55,5 +55,5 @@ export default async function Page() {
   }
 
   const introduction_text = await getMarkdownContent(data.data.introduction_text);
-  return <DonationsPage data={{...data.data, introduction_text}} />;
+  return <DonationsPage data={{ ...data.data, introduction_text }} />;
 };

frontend/src/app/[locale]/donations/donation.tsx

@@ -26,16 +26,31 @@ async function fetchProjectListPageData() {
             populate: '*',
           },
           thematics: {
-            populate: '*',
+            fields: ["name", "short_id", "color", "id", "short_description", "cta_text", "cta_link"],
+            populate: 'thumbnail',
           },
           informations: {
             populate: '*',
           },
           seasons: {
-            populate: '*',
+            fields: ["title"]
           },
           projects: {
-            populate: '*',
+            fields: ["title", "short_description", "category", "slug", "start_date"],
+            populate: {
+              thumbnail: {
+                fields: ["url"]
+              }, 
+              seasons: {
+                fields: ["title"]
+              },
+              thematics: {
+                fields: ["short_id"]
+              },
+              related_partners: {
+                fields: ["name"]
+              }
+            }
           },
            join_cta: {
              populate: '*',

frontend/src/app/[locale]/donations/page.tsx

@@ -133,7 +133,7 @@ export default function ProjectsPage({ data }: ProjectListProps) {
       />
 
       <InformationsBlock
-        title={t('information.title')}
+        title={data.informations_title}
         informations={informations ?? []}
         className="mt-lg"
       />

frontend/src/app/[locale]/projects/page.tsx

@@ -31,7 +31,7 @@ const BaseCard: React.FC<BaseCardProps> = ({
   return (
     <Link
       className={clsx(
-        'relative block shadow-block shadow-block--building h-full',
+        'relative block max-sm:mx-5 shadow-block shadow-block--building h-full',
         className,
       )}
       target={isBlank ? '_blank' : undefined}

frontend/src/app/[locale]/projects/projects.tsx

@@ -5,12 +5,8 @@ export type LargeTextImageDonationProps = {
   id?: string;
   title?: string;
   titleLevel?: TitleProps['level'];
-  content?: React.ReactNode;
+  subtitle?: string;
   iframe?: React.ReactNode;
-  citation?: string;
-  citationAuthor?: string;
-  citationAuthorImage?: string;
-  background?: "gray" | "purple";
   internalClassName?: string;
   className?: string;
 };
@@ -19,12 +15,8 @@ const LargeTextImageDonation: React.FC<LargeTextImageDonationProps> = ({
   id,
   title,
   titleLevel = 2,
-  content,
+  subtitle,
   iframe,
-  citation,
-  citationAuthor,
-  citationAuthorImage,
-  background = "gray",
   internalClassName,
   className,
   ...props
@@ -44,6 +36,7 @@ const LargeTextImageDonation: React.FC<LargeTextImageDonationProps> = ({
       >
         <div className={clsx("col-start-1 md:col-start-1 row-start-1 md:row-start-1 flex flex-col justify-center items-start md:pl-32 p-12 md:py-24 bg-cover bg-left")}>
           {title && <Title level={titleLevel} variant="medium">{title}</Title>}
+          {subtitle && <p className="mx-sm text-left h3-like"> {subtitle} </p>}
         </div>
 
         <div className={clsx("col-start-1 md:col-start-2 row-start-2 md:row-start-1 flex flex-col justify-center items-start md:pl-32 md:px-12 px-6 pb-24 md:pt-24 bg-cover bg-left")}>