Corrections de mise en forme sur le site

incubateur-ademe · Oct 1, 2024 · 432f74c · 432f74c
1 parent 3c93258
commit 432f74c
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 29 deletions.
diff --git a/packages/site/app/Temoignages.tsx b/packages/site/app/Temoignages.tsx
@@ -16,7 +16,7 @@ type TemoignagesProps = {
 const Temoignages = ({ titre, contenu }: TemoignagesProps) => {
   return contenu.length > 1 ? (
     <Section>
-      {/* <h2 className="text-center max-md:mb-2">{titre}</h2> */}
+      {!!titre.trim() && <h2 className="text-center max-md:mb-2">{titre}</h2>}
       <TestimonialSlideshow
         contenu={contenu}
         className="rounded-md md:w-3/4 mx-auto md:border border-primary-3"

diff --git a/packages/site/app/collectivites/Carte.tsx b/packages/site/app/collectivites/Carte.tsx
@@ -13,12 +13,12 @@ const Carte = () => {
           </h2>
 
           <p className="text-center text-grey-8 text-2xl mb-2">
-            Parcourez notre carte interactive et découvrez les collectivités.
+            Parcourez notre carte interactive et découvrez les collectivités
           </p>
 
           <p className="text-center text-info-1 italic text-sm mb-0">
-            Seules les collectivités labellisées disposent d’une page
-            personnalisée.
+            Cliquez sur les collectivités labellisées pour découvrir leur page
+            personnalisée
           </p>
         </div>
 

diff --git a/packages/site/app/programme/ProgrammeBanner.tsx b/packages/site/app/programme/ProgrammeBanner.tsx
@@ -17,7 +17,7 @@ const ProgrammeBanner = ({
     <Section>
       <h1 className="text-center text-primary-8">{titre}</h1>
       {!!description && (
-        <p className="text-[1.375rem] text-grey-8 text-center">{description}</p>
+        <p className="text-2xl text-grey-8 text-center">{description}</p>
       )}
       {!!couvertureURL && (
         <EmbededVideo

diff --git a/packages/site/components/layout/AppHeader.tsx b/packages/site/components/layout/AppHeader.tsx
@@ -1,18 +1,18 @@
 'use client';
 
-import {usePathname} from 'next/navigation';
+import { usePathname } from 'next/navigation';
 import Image from 'next/image';
-import {MenuPrincipal} from './MenuPrincipal';
-import {Dispatch, SetStateAction, useEffect, useState} from 'react';
+import { MenuPrincipal } from './MenuPrincipal';
+import { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import classNames from 'classnames';
-import {getAuthPaths, getAppBaseUrl} from '@tet/api';
+import { getAuthPaths, getAppBaseUrl } from '@tet/api';
 
 export type MenuProps = {
   menuOpened: boolean;
   setMenuOpened: Dispatch<SetStateAction<boolean>>;
 };
 
-function Brand({menuOpened, setMenuOpened}: MenuProps) {
+function Brand({ menuOpened, setMenuOpened }: MenuProps) {
   return (
     <div className="fr-header__brand-top">
       <div className="fr-header__logo">
@@ -23,7 +23,7 @@ function Brand({menuOpened, setMenuOpened}: MenuProps) {
         </p>
       </div>
       <div className="fr-header__operator">
-        <div className="fr-grid-row" style={{minWidth: 160 + 'px'}}>
+        <div className="fr-grid-row" style={{ minWidth: 160 + 'px' }}>
           <Image src="/ademe.jpg" alt="ADEME" width="70" height="80" />
           <Image
             src="/territoire-engage.jpg"
@@ -41,7 +41,7 @@ function Brand({menuOpened, setMenuOpened}: MenuProps) {
           id="button-861"
           title="Menu"
           className="fr-btn--menu fr-btn"
-          onClick={() => setMenuOpened(prevState => !prevState)}
+          onClick={() => setMenuOpened((prevState) => !prevState)}
         >
           Menu
         </button>
@@ -58,8 +58,8 @@ function Links() {
     setAuthPaths(
       getAuthPaths(
         document.location.hostname,
-        getAppBaseUrl(document.location.hostname),
-      ),
+        getAppBaseUrl(document.location.hostname)
+      )
     );
   }, []);
 
@@ -68,6 +68,17 @@ function Links() {
 
   return (
     <ul className="fr-btns-group">
+      <li>
+        <a
+          href="/faq"
+          className={classNames('fr-btn', {
+            'fr-icon-question-line': !isFAQ,
+            'fr-icon-question-fill': isFAQ,
+          })}
+        >
+          FAQ
+        </a>
+      </li>
       <li>
         <a
           href={authPaths?.signUp}
@@ -92,17 +103,6 @@ function Links() {
           Se connecter
         </a>
       </li>
-      <li>
-        <a
-          href="/faq"
-          className={classNames('fr-btn', {
-            'fr-icon-question-line': !isFAQ,
-            'fr-icon-question-fill': isFAQ,
-          })}
-        >
-          FAQ
-        </a>
-      </li>
     </ul>
   );
 }
@@ -141,7 +141,7 @@ function Body(props: MenuProps) {
   );
 }
 
-function Menu({menuOpened, setMenuOpened}: MenuProps) {
+function Menu({ menuOpened, setMenuOpened }: MenuProps) {
   return (
     <div
       id="modal-header__menu"
@@ -168,7 +168,7 @@ function Menu({menuOpened, setMenuOpened}: MenuProps) {
           aria-label="Menu principal"
           className="fr-nav"
         >
-          <MenuPrincipal {...{menuOpened, setMenuOpened}} />
+          <MenuPrincipal {...{ menuOpened, setMenuOpened }} />
         </nav>
       </div>
     </div>
@@ -180,8 +180,8 @@ const AppHeader = () => {
 
   return (
     <header role="banner" id="header-navigation" className="fr-header">
-      <Body {...{menuOpened, setMenuOpened}} />
-      <Menu {...{menuOpened, setMenuOpened}} />
+      <Body {...{ menuOpened, setMenuOpened }} />
+      <Menu {...{ menuOpened, setMenuOpened }} />
     </header>
   );
 };