From 907346695340dd5120fc1200a1abd70a1c0ece71 Mon Sep 17 00:00:00 2001
From: Lucieo <luciecamilleory@gmail.com>
Date: Thu, 22 Feb 2024 21:32:06 +0000
Subject: [PATCH] Fix/style fixes 22 02 (#80)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Lieu Admin Listing des espaces fix

* Lieu fiche détail d'un lieu fix

* Public listing des lieux en mode candidatures ouvertes fix

* Home encart dispositif emergence
---
 .../1.0.0/full_documentation.json             |  2 +-
 .../Place/ApplicationPlaceList.tsx            |  2 +-
 .../DisponibilitiesSelector.tsx               |  2 --
 .../Account/Place/ListItem/PlaceListItem.tsx  | 11 ++++++--
 .../Campaign/ApplicationCounter.tsx           |  6 ++++-
 .../Campaign/Home/HomeCampaignInsert.tsx      |  6 +++++
 .../CampaignApplicationSchedule.tsx           | 26 ++++++++++++-------
 .../CampaignApplicationScheduleItem.tsx       | 16 ++++++++++--
 .../Places/Detail/CampaignPlaceDetail.tsx     |  6 +++--
 .../Places/PlacesListCampaignHelper.tsx       | 21 ++++++++++++---
 web/components/Home/HomeActions.tsx           |  3 ++-
 web/components/Home/HomePlaces.tsx            |  2 +-
 web/components/Place/PlaceGridCard.tsx        |  6 ++++-
 web/components/Place/PlaceListCard.tsx        | 13 ++++------
 web/components/Place/PlaceSearch.tsx          |  6 ++++-
 web/components/Place/PlacesPage.tsx           |  4 +--
 web/pages/compte/mes-candidatures/index.tsx   |  6 ++++-
 17 files changed, 99 insertions(+), 39 deletions(-)

diff --git a/back/extensions/documentation/documentation/1.0.0/full_documentation.json b/back/extensions/documentation/documentation/1.0.0/full_documentation.json
index 15cdf43a..426a7745 100644
--- a/back/extensions/documentation/documentation/1.0.0/full_documentation.json
+++ b/back/extensions/documentation/documentation/1.0.0/full_documentation.json
@@ -14,7 +14,7 @@
       "name": "Apache 2.0",
       "url": "https://www.apache.org/licenses/LICENSE-2.0.html"
     },
-    "x-generation-date": "02/22/2024 6:38:10 PM"
+    "x-generation-date": "02/22/2024 8:24:57 PM"
   },
   "x-strapi-config": {
     "path": "/documentation",
diff --git a/web/components/Account/Application/Place/ApplicationPlaceList.tsx b/web/components/Account/Application/Place/ApplicationPlaceList.tsx
index ad184d02..9a2c6cda 100644
--- a/web/components/Account/Application/Place/ApplicationPlaceList.tsx
+++ b/web/components/Account/Application/Place/ApplicationPlaceList.tsx
@@ -12,8 +12,8 @@ import { Application } from '~typings/api'
 import Chevron from 'public/assets/img/chevron-down.svg'
 import Cell from '~components/Account/Booking/Cell'
 import useCampaignContext from '~components/Campaign/useCampaignContext'
-import ApplicationPlaceListItem from '~components/Account/Application/Place/ApplicationPlaceListItem'
 import ApplicationPlaceHelper from '~components/Account/Application/Place/ApplicationsHelpers/ApplicationPlaceHelper'
+import ApplicationPlaceListItem from '~components/Account/Application/Place/ApplicationPlaceListItem'
 
 interface Props {
   applications: Application[]
diff --git a/web/components/Account/Application/Place/DisponibilitiesSelector/DisponibilitiesSelector.tsx b/web/components/Account/Application/Place/DisponibilitiesSelector/DisponibilitiesSelector.tsx
index a9864cbc..caa572b3 100644
--- a/web/components/Account/Application/Place/DisponibilitiesSelector/DisponibilitiesSelector.tsx
+++ b/web/components/Account/Application/Place/DisponibilitiesSelector/DisponibilitiesSelector.tsx
@@ -18,8 +18,6 @@ const DisponibilitiesSelector = () => {
     ['myPlaces', query.campaign as string],
   )
 
-  console.log(query.campaign, places)
-
   useEffect(() => {
     const search = {}
     if (query.disponibility) {
diff --git a/web/components/Account/Place/ListItem/PlaceListItem.tsx b/web/components/Account/Place/ListItem/PlaceListItem.tsx
index 1e852af4..f736bac0 100644
--- a/web/components/Account/Place/ListItem/PlaceListItem.tsx
+++ b/web/components/Account/Place/ListItem/PlaceListItem.tsx
@@ -21,7 +21,7 @@ interface Props {
 
 const PlaceListItem = ({ place, setVisible, isFirst }: Props) => {
   const isComplete = useIsComplete(place)
-  const { hasActiveCampaign } = useCampaignContext()
+  const { currentCampaign } = useCampaignContext()
 
   useEffect(() => {
     if (!isComplete) {
@@ -29,6 +29,13 @@ const PlaceListItem = ({ place, setVisible, isFirst }: Props) => {
     }
   }, [isComplete])
 
+  const showCampaignDisponibilities =
+    currentCampaign?.mode === 'disponibilities' ||
+    (place?.disponibilities &&
+      place?.disponibilities?.some(
+        (d) => d?.campaign?.toString() === currentCampaign?.id.toString(),
+      ))
+
   return (
     <Flex
       w="100%"
@@ -57,7 +64,7 @@ const PlaceListItem = ({ place, setVisible, isFirst }: Props) => {
 
             <VStack flex={1} spacing={8} alignItems="stretch">
               <PlaceDisponibilitiesInfo place={place} />
-              {hasActiveCampaign && (
+              {showCampaignDisponibilities && (
                 <CampaignDisponibilitiesInfo place={place} />
               )}
             </VStack>
diff --git a/web/components/Campaign/ApplicationCounter.tsx b/web/components/Campaign/ApplicationCounter.tsx
index a21dd813..46172148 100644
--- a/web/components/Campaign/ApplicationCounter.tsx
+++ b/web/components/Campaign/ApplicationCounter.tsx
@@ -13,7 +13,11 @@ const ApplicationCounter = ({
   const { currentCampaign } = useCampaignContext()
   const { data: user, applications } = useCurrentUser()
 
-  if (user?.type === 'company' && currentCampaign?.applications_max > 0) {
+  if (
+    user?.type === 'company' &&
+    currentCampaign?.applications_max > 0 &&
+    applications?.length > 0
+  ) {
     return (
       <HStack width="100%" paddingY={3} {...props}>
         <Flex>
diff --git a/web/components/Campaign/Home/HomeCampaignInsert.tsx b/web/components/Campaign/Home/HomeCampaignInsert.tsx
index 78c60055..57679809 100644
--- a/web/components/Campaign/Home/HomeCampaignInsert.tsx
+++ b/web/components/Campaign/Home/HomeCampaignInsert.tsx
@@ -21,6 +21,12 @@ const HomeCampaignInsert = () => {
       p={4}
       paddingBottom={{ base: 8, md: 2 }}
       height="100%"
+      _hover={{ lg: { borderColor: 'rgba(235, 164, 10, 0.3)' } }}
+      border={{
+        base: 'none',
+        lg: '2px solid transparent',
+      }}
+      transition="border 0.3s ease-in-out"
     >
       <VStack alignItems="flex-start" spacing={4}>
         <Tag status="campaign">{title}</Tag>
diff --git a/web/components/Campaign/Places/Application/CampaignApplicationSchedule.tsx b/web/components/Campaign/Places/Application/CampaignApplicationSchedule.tsx
index 6f240d26..6c6877a6 100644
--- a/web/components/Campaign/Places/Application/CampaignApplicationSchedule.tsx
+++ b/web/components/Campaign/Places/Application/CampaignApplicationSchedule.tsx
@@ -74,15 +74,23 @@ const CampaignApplicationSchedule = ({
             })}
           </Text>
           <Text>{currentCampaign?.description}</Text>
-          <Text color="gray.500">{t('detail.campaign.eligibility')}</Text>
-          <MarkdownRenderer>{currentCampaign?.eligibility}</MarkdownRenderer>
-          <Button
-            variant="blueFill"
-            as={Link}
-            href={currentCampaign?.article_link ?? ''}
-          >
-            {t('detail.campaign.more')}
-          </Button>
+          {currentCampaign?.eligibility && (
+            <>
+              <Text color="gray.500">{t('detail.campaign.eligibility')}</Text>
+              <MarkdownRenderer>
+                {currentCampaign?.eligibility}
+              </MarkdownRenderer>
+            </>
+          )}
+          {currentCampaign?.article_link && (
+            <Button
+              variant="blueFill"
+              as={Link}
+              href={currentCampaign?.article_link ?? ''}
+            >
+              {t('detail.campaign.more')}
+            </Button>
+          )}
         </VStack>
       </Stack>
     </VStack>
diff --git a/web/components/Campaign/Places/Application/CampaignApplicationScheduleItem.tsx b/web/components/Campaign/Places/Application/CampaignApplicationScheduleItem.tsx
index c6182d43..3040c131 100644
--- a/web/components/Campaign/Places/Application/CampaignApplicationScheduleItem.tsx
+++ b/web/components/Campaign/Places/Application/CampaignApplicationScheduleItem.tsx
@@ -77,7 +77,8 @@ const CampaignApplicationScheduleItem = ({
     [selected, disponibility],
   )
 
-  const handleClick = () => {
+  const handleClick = (e) => {
+    console.log('click')
     if (isSelected) {
       setSelected(
         //@ts-expect-error
@@ -111,13 +112,24 @@ const CampaignApplicationScheduleItem = ({
       border={isSelected ? '2px solid #6EAE7F' : '2px solid transparent'}
       borderRadius="8px"
       opacity={isDisabled ? 0.5 : 1}
+      cursor="pointer"
+      onClick={(e) => {
+        e.stopPropagation()
+        handleClick(e)
+      }}
+      _hover={{ border: '2px solid #6EAE7F' }}
+      transition="border 0.3s ease-in-out"
     >
       <Checkbox
         colorScheme="green"
         paddingTop={2}
         sx={checkBoxStyle}
         isChecked={isSelected}
-        onChange={handleClick}
+        onClick={(e) => {
+          e.stopPropagation()
+          e.preventDefault()
+          handleClick(e)
+        }}
         isDisabled={isDisabled}
       />
       <VStack alignItems="flex-start" spacing={1}>
diff --git a/web/components/Campaign/Places/Detail/CampaignPlaceDetail.tsx b/web/components/Campaign/Places/Detail/CampaignPlaceDetail.tsx
index 44bcca24..68812937 100644
--- a/web/components/Campaign/Places/Detail/CampaignPlaceDetail.tsx
+++ b/web/components/Campaign/Places/Detail/CampaignPlaceDetail.tsx
@@ -19,6 +19,7 @@ import { useRouter } from 'next/router'
 import CampaignApplicationSchedule from '~components/Campaign/Places/Application/CampaignApplicationSchedule'
 import PlaceDetailCalendar from '~components/Place/PlaceDetailPage/PlaceDetailCalendar'
 import CampaignDetailSwitcher from '~components/Campaign/Places/Detail/CampaignDetailSwitcher'
+import useCampaignContext from '~components/Campaign/useCampaignContext'
 
 interface Props {
   place: Espace
@@ -28,6 +29,7 @@ const CampaignPlaceDetail = ({ place }: Props) => {
   const isMobile = useBreakpointValue({ base: true, lg: false })
   const router = useRouter()
   const isCampaignTab = router.query.tab === '1'
+  const { currentCampaign } = useCampaignContext()
 
   const displayPrecise = useMemo(() => {
     if (!place) return false
@@ -68,8 +70,8 @@ const CampaignPlaceDetail = ({ place }: Props) => {
 
         {isCampaignTab ? (
           <CampaignApplicationSchedule
-            disponibilities={place?.disponibilities?.filter((d) =>
-              Boolean(d?.campaign),
+            disponibilities={place?.disponibilities?.filter(
+              (d) => d?.campaign?.toString() === currentCampaign?.id.toString(),
             )}
           />
         ) : (
diff --git a/web/components/Campaign/Places/PlacesListCampaignHelper.tsx b/web/components/Campaign/Places/PlacesListCampaignHelper.tsx
index d0dabe3a..a59d40a1 100644
--- a/web/components/Campaign/Places/PlacesListCampaignHelper.tsx
+++ b/web/components/Campaign/Places/PlacesListCampaignHelper.tsx
@@ -26,12 +26,17 @@ const PlacesListCampaignHelper = ({
       paddingY={4}
       marginBottom={4}
       spacing={'1rem'}
+      height={!isHome ? '100%' : 'auto'}
       {...props}
     >
       {campaign && !isHome && (
         <ApplicationCounter borderBottom="1px solid lightgray" />
       )}
-      <Stack width="100%" spacing={6} direction={{ base: 'column', sm: 'row' }}>
+      <Stack
+        width="100%"
+        spacing={6}
+        direction={isHome ? { base: 'column', sm: 'row' } : 'column'}
+      >
         <VStack flex={4} justifyContent="flex-start" alignItems="flex-start">
           <Text as="span" fontWeight="bold" marginRight={1}>
             {campaign
@@ -42,13 +47,21 @@ const PlacesListCampaignHelper = ({
             {campaign ? campaign.description : t('solidarity.helper')}
           </Text>
         </VStack>
-        <Flex flex={1} justifyContent={{ base: 'flex-start', sm: 'flex-end' }}>
+        <Flex
+          flex={1}
+          justifyContent={
+            isHome ? { base: 'flex-start', sm: 'flex-end' } : 'flex-end'
+          }
+          alignItems="center"
+        >
           <Button
             variant={campaign ? 'campaign' : 'blueFill'}
             as={Link}
             href={
-              campaign?.mode === 'applications'
-                ? `${ROUTE_PLACES}?tab=1`
+              campaign
+                ? campaign?.article_link
+                  ? campaign?.article_link
+                  : `${ROUTE_PLACES}?tab=1`
                 : `${ROUTE_PLACES}?tab=0`
             }
           >
diff --git a/web/components/Home/HomeActions.tsx b/web/components/Home/HomeActions.tsx
index b409b022..b13083be 100644
--- a/web/components/Home/HomeActions.tsx
+++ b/web/components/Home/HomeActions.tsx
@@ -22,7 +22,8 @@ const HomeActions = () => {
       {hasActiveCampaign && (
         <Box
           flex={2}
-          borderTop={{ base: '1px solid rgba(	211, 211, 211, 0.5)', lg: 'none' }}
+          id="licorne"
+          borderTop={{ base: '1px solid rgba(211, 211, 211, 0.5)', lg: 'none' }}
         >
           <HomeCampaignInsert />
         </Box>
diff --git a/web/components/Home/HomePlaces.tsx b/web/components/Home/HomePlaces.tsx
index 963720f1..19ec784e 100644
--- a/web/components/Home/HomePlaces.tsx
+++ b/web/components/Home/HomePlaces.tsx
@@ -73,7 +73,7 @@ const HomePlaces = ({ campaign }: Props) => {
 
       <PlacesListCampaignHelper campaign={campaign} limitLines isHome />
 
-      <PlaceGrid places={places.slice(0, isLgOrSm ? 4 : 3)} />
+      <PlaceGrid places={places.slice(0, isLgOrSm ? 4 : 3)} isCampaignTab />
       <Flex justifyContent="center" pt={10} pb={{ base: 6, md: 0 }}>
         {campaign?.mode === 'applications' ? (
           <Button
diff --git a/web/components/Place/PlaceGridCard.tsx b/web/components/Place/PlaceGridCard.tsx
index ec2307b5..af3298c0 100644
--- a/web/components/Place/PlaceGridCard.tsx
+++ b/web/components/Place/PlaceGridCard.tsx
@@ -188,7 +188,11 @@ const PlaceGridCard = ({ place, searchParams, isCampaignTab }: Props) => {
                     </Text>
                     <Box isTruncated>
                       {place?.disponibilities
-                        ?.filter((el) => Boolean(el?.campaign))
+                        ?.filter(
+                          (d) =>
+                            d?.campaign?.toString() ===
+                            currentCampaign?.id?.toString(),
+                        )
                         ?.map((el) => (
                           <Text key={el?.id}>
                             {`${format(el.start, 'dd MMMM')} ${t('card.to')}
diff --git a/web/components/Place/PlaceListCard.tsx b/web/components/Place/PlaceListCard.tsx
index 974cefe9..e4a7b588 100644
--- a/web/components/Place/PlaceListCard.tsx
+++ b/web/components/Place/PlaceListCard.tsx
@@ -27,13 +27,6 @@ const PlaceCard = ({ place, setFocus, isCampaignTab }: Props) => {
   const { t } = useTranslation('place')
   const { currentCampaign } = useCampaignContext()
 
-  const isCampaignPlace =
-    currentCampaign?.mode === 'applications' &&
-    place?.disponibilities?.some(
-      //@ts-expect-error
-      (d) => d?.campaign === currentCampaign?.id,
-    )
-
   return (
     <LinkBox
       w="100%"
@@ -100,7 +93,11 @@ const PlaceCard = ({ place, setFocus, isCampaignTab }: Props) => {
                   </Text>
                   <Box>
                     {place?.disponibilities
-                      ?.filter((el) => Boolean(el?.campaign))
+                      ?.filter(
+                        (d) =>
+                          d.campaign?.toString() ===
+                          currentCampaign?.id?.toString(),
+                      )
                       .map((el) => (
                         <Text>
                           {`${format(el.start, 'dd/MM')} ${t('card.to')}
diff --git a/web/components/Place/PlaceSearch.tsx b/web/components/Place/PlaceSearch.tsx
index 55049f5c..68c8ac8a 100644
--- a/web/components/Place/PlaceSearch.tsx
+++ b/web/components/Place/PlaceSearch.tsx
@@ -44,7 +44,10 @@ const PlaceSearch = ({
   const { currentCampaign } = useCampaignContext()
 
   return (
-    <form onSubmit={form.handleSubmit(onSubmit)}>
+    <form
+      onSubmit={form.handleSubmit(onSubmit)}
+      style={isCampaignTab ? { width: '100%' } : {}}
+    >
       <Flex
         bgColor={isCampaignTab ? 'campaign.light' : 'blue.100'}
         px={{ base: 3, md: 5 }}
@@ -56,6 +59,7 @@ const PlaceSearch = ({
         mb={{ base: 0, sm: 10 }}
         direction="column"
         mt={currentCampaign ? 0 : 6}
+        height={isCampaignTab ? '100%' : 'auto'}
       >
         <SimpleGrid
           columns={
diff --git a/web/components/Place/PlacesPage.tsx b/web/components/Place/PlacesPage.tsx
index d2c57549..e7b1a2f6 100644
--- a/web/components/Place/PlacesPage.tsx
+++ b/web/components/Place/PlacesPage.tsx
@@ -128,9 +128,9 @@ const PlacesPage = ({ isCampaignTab }: { isCampaignTab?: boolean }) => {
                 marginBottom={0}
               />
             </Box>
-            <Box flex={1}>
+            <Flex flex={1} alignItems="stretch">
               <PlaceSearch onSubmit={onSubmit} isCampaignTab={isCampaignTab} />
-            </Box>
+            </Flex>
           </Stack>
         ) : (
           <Box>
diff --git a/web/pages/compte/mes-candidatures/index.tsx b/web/pages/compte/mes-candidatures/index.tsx
index 1d82ea99..b74f3baa 100644
--- a/web/pages/compte/mes-candidatures/index.tsx
+++ b/web/pages/compte/mes-candidatures/index.tsx
@@ -21,7 +21,11 @@ const CompanyApplications = ({ user }: Props) => {
   const { data: applications, isLoading } = useMyApplications({
     campaignId: currentCampaign?.id,
     options: { enabled: !!currentCampaign?.id },
-    searchParams: { _sort: 'disponibility.start:asc' },
+    searchParams: {
+      _sort: 'disponibility.start:asc',
+      //@ts-expect-error
+      'disponibility.campaign': currentCampaign?.id,
+    },
   })
   if (!currentCampaign) return null
   return (