fix: ajustements boutons de partage (#1562)

* feat: ajustements boutons * feat: alignement à gauche au retour à la ligne * feat: embarquement bannière d'info
mission-apprentissage · Oct 7, 2024 · 2addec7 · 2addec7
1 parent a21b0f2
commit 2addec7
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 10 deletions.
diff --git 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:[email protected]?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
@@ -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
@@ -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
@@ -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
@@ -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>