Mise à jour des paragraphes

incubateur-ademe · Jan 22, 2024 · d3519db · d3519db
1 parent 6993dfd
commit d3519db
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 15 deletions.
diff --git a/packages/site/app/programme/[uid]/ParagrapheService.tsx b/packages/site/app/programme/[uid]/ParagrapheService.tsx
@@ -8,8 +8,10 @@ import {ParagrapheData} from './types';
 const ParagrapheService = ({
   tailleParagraphe,
   titre,
+  titreCentre = false,
   imageTitre,
   tailleImageTitre,
+  sousTitre,
   texte,
   images,
   alignementImageDroite,
@@ -38,26 +40,50 @@ const ParagrapheService = ({
           />
         ))}
 
-      <div>
-        <Titre className={classNames({'mb-3': !!imageTitre})}>{titre}</Titre>
+      <div className="w-full">
+        <Titre
+          className={classNames({
+            'text-center': titreCentre,
+            'mb-3': !!imageTitre || !!sousTitre,
+            'mb-0': !imageTitre && !sousTitre && !texte,
+          })}
+        >
+          {titre}
+        </Titre>
+
+        <h3
+          className={classNames('text-primary-7', {
+            'text-center': titreCentre,
+            'mb-3': !!imageTitre,
+            'mb-0': !imageTitre && !texte,
+          })}
+        >
+          {sousTitre}
+        </h3>
+
         {!!imageTitre && (
           <StrapiImage
             data={imageTitre}
             className={classNames('mb-6', {
+              'mx-auto': titreCentre,
+              'mb-0': !texte,
               'h-6': tailleImageTitre === 'sm' || !tailleImageTitre,
               'h-20': tailleImageTitre === 'md',
               'h-52': tailleImageTitre === 'lg',
             })}
           />
         )}
-        <Markdown
-          texte={texte}
-          className={classNames('-mb-6', {
-            'max-md:paragraphe-18 md:paragraphe-22':
-              tailleParagraphe === 'lg' || !tailleParagraphe,
-            'paragraphe-18': tailleParagraphe === 'md',
-          })}
-        />
+
+        {!!texte && (
+          <Markdown
+            texte={texte}
+            className={classNames('-mb-6', {
+              'max-md:paragraphe-18 md:paragraphe-22':
+                tailleParagraphe === 'lg' || !tailleParagraphe,
+              'paragraphe-18': tailleParagraphe === 'md',
+            })}
+          />
+        )}
       </div>
     </Section>
   );

diff --git a/packages/site/app/programme/[uid]/types.ts b/packages/site/app/programme/[uid]/types.ts
@@ -10,9 +10,11 @@ export type ParagrapheFetchedData = {
   __component: 'services.paragraphe';
   taille_paragraphe?: 'md' | 'lg';
   titre?: string;
+  titre_centre?: boolean;
   image_titre?: {data: StrapiItem};
   taille_image_titre?: 'sm' | 'md' | 'lg';
-  texte: string;
+  sous_titre?: string;
+  texte?: string;
   images?: {data: StrapiItem[]};
   alignement_image_droite?: boolean;
 };
@@ -21,9 +23,11 @@ export type ParagrapheData = {
   type: 'paragraphe';
   tailleParagraphe?: 'md' | 'lg';
   titre?: string;
+  titreCentre?: boolean;
   imageTitre?: StrapiItem;
   tailleImageTitre?: 'sm' | 'md' | 'lg';
-  texte: string;
+  sousTitre?: string;
+  texte?: string;
   images?: StrapiItem[];
   alignementImageDroite?: boolean;
 };

diff --git a/packages/site/app/programme/[uid]/utils.ts b/packages/site/app/programme/[uid]/utils.ts
@@ -33,8 +33,10 @@ export const getServiceStrapiData = async (uid: string) => {
               type: 'paragraphe',
               tailleParagraphe: paragrapheData.taille_paragraphe,
               titre: paragrapheData.titre,
+              titreCentre: paragrapheData.titre_centre,
               imageTitre: paragrapheData.image_titre?.data,
               tailleImageTitre: paragrapheData.taille_image_titre,
+              sousTitre: paragrapheData.sous_titre,
               texte: paragrapheData.texte,
               images: paragrapheData.images?.data,
               alignementImageDroite: paragrapheData.alignement_image_droite,

diff --git a/strapi/src/components/services/paragraphe.json b/strapi/src/components/services/paragraphe.json
@@ -16,6 +16,10 @@
       "type": "string",
       "maxLength": 255
     },
+    "titre_centre": {
+      "type": "boolean",
+      "default": false
+    },
     "image_titre": {
       "type": "media",
       "multiple": false,
@@ -28,9 +32,12 @@
       "default": "sm",
       "required": false
     },
+    "sous_titre": {
+      "type": "string",
+      "maxLength": 255
+    },
     "texte": {
-      "type": "richtext",
-      "required": true
+      "type": "richtext"
     },
     "alignement_image_droite": {
       "type": "boolean",

diff --git a/strapi/types/generated/components.d.ts b/strapi/types/generated/components.d.ts
@@ -315,10 +315,15 @@ export interface ServicesParagraphe extends Schema.Component {
       Attribute.SetMinMaxLength<{
         maxLength: 255;
       }>;
+    titre_centre: Attribute.Boolean & Attribute.DefaultTo<false>;
     image_titre: Attribute.Media;
     taille_image_titre: Attribute.Enumeration<['sm', 'md', 'lg']> &
       Attribute.DefaultTo<'sm'>;
-    texte: Attribute.RichText & Attribute.Required;
+    sous_titre: Attribute.String &
+      Attribute.SetMinMaxLength<{
+        maxLength: 255;
+      }>;
+    texte: Attribute.RichText;
     alignement_image_droite: Attribute.Boolean & Attribute.DefaultTo<false>;
     images: Attribute.Media;
   };