feat: afficher le taux de couverture en pourcent (#3342)

Co-authored-by: Maxime Dréau <[email protected]>
mission-apprentissage · Nov 7, 2023 · 5537416 · 5537416
1 parent 56f7eb9
commit 5537416
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/ui/pages/index.tsx b/ui/pages/index.tsx
@@ -13,6 +13,7 @@ import {
   ListItem,
   Spinner,
   Stack,
+  Tag,
   Text,
   Tooltip,
   UnorderedList,
@@ -508,6 +509,24 @@ function SectionApercuChiffresCles() {
                 <Text fontSize="zeta">
                   <Text as="b">{formatNumber(indicateursNational?.indicateursOrganismes?.formateurs)}</Text> formateurs
                 </Text>
+                <Tag
+                  mt={4}
+                  borderRadius="full"
+                  fontSize="omega"
+                  boxShadow="inset 0 0 0px 1px #000091"
+                  variant="outline"
+                  color="bluefrance"
+                >
+                  Soit&nbsp;
+                  <Text as="b" fontSize="zeta">
+                    {Math.round(
+                      (100 * (indicateursNational?.indicateursOrganismes?.total || 0)) /
+                        (indicateursNational?.indicateursOrganismes?.totalWithoutTransmissionDate || 1)
+                    )}
+                    %
+                  </Text>
+                  &nbsp;des établissements
+                </Tag>
               </Box>
             </HStack>
           </Center>