From 2addec73e3b127e6c6fa93c0f808565cf58bba19 Mon Sep 17 00:00:00 2001
From: Alan Le Ruyet <alan.leruyet@beta.gouv.fr>
Date: Mon, 7 Oct 2024 19:41:28 +0200
Subject: [PATCH] fix: ajustements boutons de partage (#1562)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: ajustements boutons

* feat: alignement à gauche au retour à la ligne

* feat: embarquement bannière d'info
---
 ui/components/InfoBanner/InfoBanner.tsx               | 9 ++++-----
 ui/components/ItemDetail/loadedItemDetail.tsx         | 4 ++--
 ui/components/espace_pro/AuthentificationLayout.tsx   | 2 +-
 ui/components/espace_pro/Layout/Header.tsx            | 2 +-
 ui/components/espace_pro/common/components/Layout.tsx | 2 +-
 5 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/ui/components/InfoBanner/InfoBanner.tsx b/ui/components/InfoBanner/InfoBanner.tsx
index 79edc7195..768473b3b 100644
--- a/ui/components/InfoBanner/InfoBanner.tsx
+++ b/ui/components/InfoBanner/InfoBanner.tsx
@@ -8,11 +8,10 @@ import { DisplayContext } from "@/context/DisplayContextProvider"
 const blueBannerText = (
   <Text>
     <Text as="span" fontWeight={700}>
-      La bonne alternance évolue pour les recruteurs !
-    </Text>{" "}
-    Vous pouvez désormais personnaliser le contenu de vos offres en décochant certains éléments du descriptif généré automatiquement{" "}
-    <Link textDecoration="underline" href="mailto:labonnealternance@beta.gouv.fr?subject=Personnaliser%20mon%20offre%20-%20en%20savoir%20plus">
-      En savoir plus
+      Souhaiteriez-vous accéder à toutes vos candidatures depuis votre espace connecté ?{" "}
+    </Text>
+    <Link textDecoration="underline" href="https://tally.so/r/3Xq19z" isExternal aria-label="Accéder au formulaire - nouvelle fenêtre">
+      Donnez-nous votre avis en 3 clics.
     </Link>
   </Text>
 )
diff --git a/ui/components/ItemDetail/loadedItemDetail.tsx b/ui/components/ItemDetail/loadedItemDetail.tsx
index 444415ed3..532a0e181 100644
--- a/ui/components/ItemDetail/loadedItemDetail.tsx
+++ b/ui/components/ItemDetail/loadedItemDetail.tsx
@@ -160,7 +160,7 @@ const LoadedItemDetail = ({ handleClose, handleSelectItem }) => {
 
           <Divider my={2} />
 
-          <Flex>
+          <Flex flexDirection={{ base: "column", sm: "row" }}>
             <Box flex={1}>
               {isCandidatureLba(selectedItem) && <CandidatureLba item={selectedItem} />}
 
@@ -171,7 +171,7 @@ const LoadedItemDetail = ({ handleClose, handleSelectItem }) => {
               )}
               {selectedItem.ideaType === LBA_ITEM_TYPE_OLD.FORMATION && <ItemDetailApplicationsStatus item={selectedItem} mt={2} mb={2} />}
             </Box>
-            <Box pt={4}>
+            <Box pt={{ base: 0, sm: 4 }}>
               <ShareLink item={selectedItem} />
             </Box>
           </Flex>
diff --git a/ui/components/espace_pro/AuthentificationLayout.tsx b/ui/components/espace_pro/AuthentificationLayout.tsx
index 7e47e1e3e..db5d9c58c 100644
--- a/ui/components/espace_pro/AuthentificationLayout.tsx
+++ b/ui/components/espace_pro/AuthentificationLayout.tsx
@@ -28,7 +28,7 @@ export default function AuthentificationLayout(props) {
 
   return (
     <Container maxW="container.xl" px={4} py={4}>
-      <InfoBanner showInfo={false} showAlert={false} />
+      <InfoBanner showInfo={true} showAlert={false} />
       <Flex direction="column" px={[0, 4]}>
         <Flex direction={["column", "row"]} justifyContent="space-between" align={["left", "center"]} justify={["left", "center"]} mb={["4", "0"]}>
           <Link href="/" aria-label="Retour à la page d'accueil">
diff --git a/ui/components/espace_pro/Layout/Header.tsx b/ui/components/espace_pro/Layout/Header.tsx
index 14b391dbb..5ffb16f18 100644
--- a/ui/components/espace_pro/Layout/Header.tsx
+++ b/ui/components/espace_pro/Layout/Header.tsx
@@ -28,7 +28,7 @@ const Header = () => {
 
   return (
     <Box>
-      <InfoBanner showInfo={false} />
+      <InfoBanner showInfo={true} />
       <Container maxW="full" px={[0, 4]} py={4} borderBottom={"1px solid"} borderColor="grey.400">
         <Container maxW="container.xl">
           <Flex alignItems="center" px={[0, 4]}>
diff --git a/ui/components/espace_pro/common/components/Layout.tsx b/ui/components/espace_pro/common/components/Layout.tsx
index 985f7ec39..2a259b613 100644
--- a/ui/components/espace_pro/common/components/Layout.tsx
+++ b/ui/components/espace_pro/common/components/Layout.tsx
@@ -15,7 +15,7 @@ import NavigationMenu from "./NavigationMenu"
 const Layout = ({ children }) => {
   return (
     <Container maxW="full">
-      <InfoBanner showInfo={false} />
+      <InfoBanner showInfo={true} />
       <Header />
       <NavigationMenu />
       <Box minH={"60vh"}>{children}</Box>