imp(layout): Add sies logo

Author: folland87

client/src/components/footer/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Container, Link, Logo } from "@dataesr/dsfr-plus";
+import { Container, Link } from "@dataesr/dsfr-plus";
 import { IntlProvider } from "react-intl";
 
 const modules = import.meta.glob("./locales/*.json", {
@@ -70,15 +70,37 @@ export function FooterBody({
   const links = React.Children.toArray(children).filter(
     (child) => React.isValidElement(child) && child.type === Link
   );
-  const logo = React.Children.toArray(children).filter(
-    (child) => React.isValidElement(child) && child.type === Logo
-  )?.[0];
 
   return (
     <div className="fr-container fr-footer__body">
-      {logo ? (
-        <div className="fr-footer__brand fr-enlarge-link">{logo}</div>
-      ) : null}
+      <div className="fr-footer__brand fr-enlarge-link">
+        <p className="fr-logo">
+          Ministère
+          <br />
+          chargé
+          <br />
+          de l'enseignement
+          <br />
+          supérieur
+          <br />
+          et de la recherche
+        </p>
+        <a title="Retour à l'accueil du site" href="/" className="fr-footer__brand-link">
+          <svg
+            aria-hidden="true"
+            viewBox="0 0 1167.77 752.85"
+            width="100%"
+          >
+            <use
+              className="fr-text-black-white--grey"
+              href="logos/sies_logo_signature.svg#sies-logo-text"
+            />
+            <use
+              href="logos/sies_logo_signature.svg#sies-logo-artwork"
+            />
+          </svg>
+        </a>
+      </div>
       <div className="fr-footer__content">
         {description ? (
           <p className="fr-footer__content-desc">{description}</p>

client/src/layout/components/footer/index.tsx

@@ -3,7 +3,6 @@ import {
   Col,
   Container,
   Link,
-  Logo,
   Row,
   Title,
   useDSFRConfig,
@@ -251,13 +250,7 @@ export default function MainFooter() {
             </Row>
           </Container>
         </FooterTop>
-        <FooterBody
-          description={intl.formatMessage({ id: "layout.footer.tagline" })}
-        >
-          <Logo
-            splitCharacter="|"
-            text="Ministère|chargé|de l'enseignement|supérieur|et de la recherche"
-          />
+        <FooterBody description={intl.formatMessage({ id: "layout.footer.tagline" })}>
           <Link
             className="fr-footer__content-link"
             target="_blank"

client/src/layout/components/header/index.tsx

@@ -15,6 +15,7 @@ import {
   // useAutocompleteList,
   // useDSFRConfig,
 } from '@dataesr/dsfr-plus';
+
 import { createIntl } from 'react-intl';
 import SwitchLanguage from '../../../components/switch-language';
 import { isInProduction } from "../../../utils/helpers"
@@ -123,6 +124,11 @@ export default function Header() {
               {intl.formatMessage({ id: "layout.header.nav.analyze.trends" })}
             </Link>
           )}
+          {!isInProduction() && (
+            <Link current={pathname.split("/").includes("analytics")} href="/analytics">
+              {intl.formatMessage({ id: "layout.header.nav.analyze.analytics" })}
+            </Link>
+          )}
           <Link current={pathname.split("/").includes("studio")} href="/studio">
             {intl.formatMessage({ id: "layout.header.nav.analyze.studio" })}
           </Link>

client/src/layout/components/header/locales/en.json

@@ -11,5 +11,6 @@
   "layout.header.nav.analyze": "Analyze",
   "layout.header.nav.analyze.networks": "Communities",
   "layout.header.nav.analyze.trends": "Trends",
-  "layout.header.nav.analyze.studio": "Local versions"
-}
+  "layout.header.nav.analyze.studio": "Local versions",
+  "layout.header.nav.analyze.analytics": "Thematic analysis"
+}

client/src/layout/components/header/locales/fr.json

@@ -11,5 +11,6 @@
   "layout.header.nav.analyze": "Analyser",
   "layout.header.nav.analyze.networks": "Communautés",
   "layout.header.nav.analyze.trends": "Tendances",
-  "layout.header.nav.analyze.studio": "Déclinaisons locales"
-}
+  "layout.header.nav.analyze.studio": "Déclinaisons locales",
+  "layout.header.nav.analyze.analytics": "Analyse thématique"
+}

client/src/styles.scss

@@ -217,3 +217,7 @@ $icons:
     margin-right: -.25rem;
   }
 }
+
+.fr-text-black-white--grey {
+  fill: var(--text-black-white-grey);
+}