feat: bandeau de fin de mano fabrique (#1863)

* feat: bandeau de fin de mano fabrique * Update dashboard/src/components/FinDeManoFabrique.tsx Co-authored-by: Arnaud Ambroselli <[email protected]> --------- Co-authored-by: Arnaud Ambroselli <[email protected]>
SocialGouv · Feb 23, 2024 · 5678872 · 5678872
1 parent 7d9d6ba
commit 5678872
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/dashboard/src/app.js b/dashboard/src/app.js
@@ -42,6 +42,7 @@ import DuplicatedReportsTestChecker from './components/DuplicatedReportsTestChec
 import ConsultationModal from './components/ConsultationModal';
 import TreatmentModal from './scenes/person/components/TreatmentModal';
 import BottomBar from './components/BottomBar';
+import FinDeManoFabrique from './components/FinDeManoFabrique';
 
 RecoilEnv.RECOIL_DUPLICATE_ATOM_KEY_CHECKING_ENABLED = process.env.REACT_APP_DISABLE_RECOIL_DUPLICATE_ATOM_KEY_CHECKING ? false : true;
 
@@ -183,6 +184,7 @@ const RestrictedRoute = ({ component: Component, _isLoggedIn, ...rest }) => {
     overflow: initial;
         */}
         <main className="tw-relative tw-flex tw-grow tw-basis-full tw-flex-col tw-overflow-auto tw-overflow-x-hidden tw-overflow-y-scroll tw-px-2 print:!tw-ml-0 print:tw-h-auto print:tw-max-w-full print:tw-overflow-visible print:tw-p-0 sm:tw-px-12 sm:tw-pt-4 sm:tw-pb-12">
+          <FinDeManoFabrique />
           <SentryRoute {...rest} render={(props) => (user ? <Component {...props} /> : <Redirect to={{ pathname: '/auth' }} />)} />
         </main>
       </div>

diff --git a/dashboard/src/components/FinDeManoFabrique.tsx b/dashboard/src/components/FinDeManoFabrique.tsx
@@ -0,0 +1,35 @@
+import { useState } from 'react';
+
+export default function FinDeManoFabrique() {
+  const [show, setShow] = useState(true);
+  return (
+    <div className="noprint tw-mb-8 tw-border-l-4 tw-border-orange-500 tw-bg-orange-100 tw-p-4 tw-text-orange-700" role="alert">
+      Dans le cadre de sa pérennisation, Mano ne sera pas accessible le 5 mars dès 9h. Pour en savoir plus, cliquez
+      <button
+        onClick={() => setShow(!show)}
+        className="tw-ml-1 tw-cursor-pointer tw-border-none tw-bg-transparent tw-font-bold tw-text-orange-700 tw-underline">
+        ici
+      </button>
+      {show && (
+        <div className="tw-mt-8 tw-text-sm">
+          <p>
+            Comme vous le savez peut-être déjà, Mano et toute l'équipe quittent la Fabrique numérique des ministères sociaux pour rejoindre le
+            groupement d'intérêt public Sesan (https://www.sesan.fr) et ainsi pérenniser notre action au long-cours !
+          </p>
+          <p>Concrètement, pas de changements pour vous :</p>
+          <ul className="tw-list-disc tw-pl-4">
+            <li>
+              Mano restera chiffré de bout en bout pour protéger les données des personnes que vous accompagnez et leurs données seront toujours
+              stockés sur des serveurs agréés données de santé (certification HDS) situés en France
+            </li>
+            <li>Nous continuerons à vous accompagner</li>
+            <li>Nous continuerons à développer Mano en fonction de vos besoins</li>
+          </ul>
+          <p>Mano sera cependant indisponible la journée du 5 mars 2024 dès 9h, le temps de réaliser la bascule technique de Mano.</p>
+          <p>L'application sera quand à elle indisponible dès le 4 Mars. Vous pourrez de nouveau l'utiliser le 5 Mars en fin de journée.</p>
+          <p>🤗 Toute l'équipe Mano </p>
+        </div>
+      )}
+    </div>
+  );
+}