feat: deca message pour inciter à televerser (#3767)

mission-apprentissage · Jul 22, 2024 · 09a150d · 09a150d
1 parent d4d204c
commit 09a150d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git a/ui/modules/dashboard/DashboardOrganisme.tsx b/ui/modules/dashboard/DashboardOrganisme.tsx
@@ -17,6 +17,7 @@ import {
 } from "@chakra-ui/react";
 import { PieCustomLayerProps, ResponsivePie } from "@nivo/pie";
 import { useQuery } from "@tanstack/react-query";
+import NextLink from "next/link";
 import { useRouter } from "next/router";
 import { useMemo, useState } from "react";
 import {
@@ -706,10 +707,25 @@ const DashboardOrganisme = ({ organisme, modePublique }: Props) => {
             {indicateursEffectifsPartielsMessage && (
               <Ribbons variant="warning" mt="0.5rem">
                 <Text color="grey.800">
-                  <>
-                    Veuillez noter que certaines formations gérées par cet organisme se situent en dehors de votre{" "}
-                    {indicateursEffectifsPartielsMessage}, ce qui peut expliquer l’affichage partiel de données.
-                  </>
+                  Veuillez noter que certaines formations gérées par cet organisme se situent en dehors de votre{" "}
+                  {indicateursEffectifsPartielsMessage}, ce qui peut expliquer l’affichage partiel de données.
+                </Text>
+              </Ribbons>
+            )}
+
+            {!modePublique && !organisme.is_transmission_target && (
+              <Ribbons variant="warning" mt="0.5rem">
+                <Text color="grey.800">
+                  Votre établissement ne transmet pas encore ses effectifs. Les indicateurs ci-dessous sont issus de
+                  DECA (DEpôts des Contrats d’Alternance) et peuvent ne pas refléter la réalité actuelle. Pour afficher
+                  des effectifs à jour, veuillez{" "}
+                  <Link as={NextLink} href="/parametres" variant="link" ml="auto">
+                    paramétrer
+                  </Link>{" "}
+                  votre moyen de transmission. Lire la FAQ{" "}
+                  <Link href={FAQ_PATH} variant="link" ml="auto" isExternal>
+                    “Comment transmettre ?”
+                  </Link>
                 </Text>
               </Ribbons>
             )}

diff --git a/ui/theme/components/icons/Edition.tsx b/ui/theme/components/icons/Edition.tsx
@@ -3,7 +3,7 @@ import React from "react";
 
 export default function Edition(props) {
   return (
-    <Icon width="16px" height="16px" viewBox="0 0 16px 16px" {...props}>
+    <Icon width="16px" height="16px" viewBox="0 0 16 16" {...props}>
       <path
         fillRule="evenodd"
         clipRule="evenodd"