Dispo check (#84)

AtelierdeParis · Feb 23, 2024 · 069dab2 · 069dab2
1 parent 885152d
commit 069dab2
Show file tree

Hide file tree

Showing 13 changed files with 84 additions and 67 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
@@ -14,7 +14,7 @@
       "name": "Apache 2.0",
       "url": "https://www.apache.org/licenses/LICENSE-2.0.html"
     },
-    "x-generation-date": "02/22/2024 8:24:57 PM"
+    "x-generation-date": "02/23/2024 1:16:02 PM"
   },
   "x-strapi-config": {
     "path": "/documentation",

diff --git a/web/components/Account/Place/ListItem/CampaignDisponibilitiesInfo.tsx b/web/components/Account/Place/ListItem/CampaignDisponibilitiesInfo.tsx
@@ -5,14 +5,12 @@ import { Espace } from '~typings/api'
 import { format } from '~utils/date'
 import { ROUTE_ACCOUNT_PLACE_DETAIL } from '~constants'
 import Link from '~components/Link'
+import useCampaignDispo from '~hooks/useCampaignDispo'
 
 const CampaignDisponibilitiesInfo = ({ place }: { place: Espace }) => {
   const { t } = useTranslation('place')
   const { currentCampaign } = useCampaignContext()
-  const campaignDispo = place?.disponibilities?.filter(
-    //@ts-expect-error
-    (d) => d.campaign === currentCampaign?.id,
-  )?.length
+  const { campaignDisposNum } = useCampaignDispo(place?.disponibilities)
 
   return (
     <VStack>
@@ -52,7 +50,7 @@ const CampaignDisponibilitiesInfo = ({ place }: { place: Espace }) => {
         <Box flex={2}>
           <Text>
             {`${t(`list.slots_filled`, {
-              nb: campaignDispo,
+              nb: campaignDisposNum,
               nbTotal: currentCampaign?.disponibilities_max,
             })}`}
           </Text>

diff --git a/web/components/Account/Place/ListItem/PlaceListItem.tsx b/web/components/Account/Place/ListItem/PlaceListItem.tsx
@@ -12,6 +12,7 @@ import PlaceListItemInfo from '~components/Account/Place/ListItem/PlaceListItemI
 import PlaceListItemImage from '~components/Account/Place/ListItem/PlaceListItemImage'
 import CampaignDisponibilitiesInfo from '~components/Account/Place/ListItem/CampaignDisponibilitiesInfo'
 import useCampaignContext from '~components/Campaign/useCampaignContext'
+import useCampaignDispo from '~hooks/useCampaignDispo'
 
 interface Props {
   place: Espace
@@ -29,12 +30,9 @@ const PlaceListItem = ({ place, setVisible, isFirst }: Props) => {
     }
   }, [isComplete])
 
+  const { campaignDisposNum } = useCampaignDispo(place?.disponibilities)
   const showCampaignDisponibilities =
-    currentCampaign?.mode === 'disponibilities' ||
-    (place?.disponibilities &&
-      place?.disponibilities?.some(
-        (d) => d?.campaign?.toString() === currentCampaign?.id.toString(),
-      ))
+    currentCampaign?.mode === 'disponibilities' || campaignDisposNum
 
   return (
     <Flex

diff --git a/web/components/Account/Place/PlaceTabList.tsx b/web/components/Account/Place/PlaceTabList.tsx
@@ -4,6 +4,7 @@ import { useTranslation } from 'next-i18next'
 import { Espace } from '~typings/api'
 import { DisponibilityStatus } from '~@types/disponibility.d'
 import useCampaignContext from '~components/Campaign/useCampaignContext'
+import useCampaignDispo from '~hooks/useCampaignDispo'
 
 const TabPlace = ({ isDisabled, onClick = null, children }) => {
   return (
@@ -49,13 +50,7 @@ const PlaceTabList = ({
     ).length
   }, [place?.disponibilities])
 
-  const campaignDispo = useMemo(() => {
-    if (!place || !place.disponibilities) return 0
-    return place.disponibilities.filter(
-      //@ts-expect-error
-      (dispo) => dispo.campaign === currentCampaign?.id,
-    ).length
-  }, [place])
+  const { campaignDisposNum } = useCampaignDispo(place.disponibilities)
 
   return (
     <TabList
@@ -94,7 +89,7 @@ const PlaceTabList = ({
               : 'tabs.slot_campaign_applications',
             {
               title: currentCampaign?.title,
-              nb: campaignDispo,
+              nb: campaignDisposNum,
               nbTotal: currentCampaign?.disponibilities_max,
             },
           )}

diff --git a/web/components/Campaign/CampaignTag.tsx b/web/components/Campaign/CampaignTag.tsx
@@ -43,7 +43,7 @@ const CampaignTag = ({
       </Box>
     )
   }
-
+  console.log(hasCampaignDispo && !isCampaignTab)
   if (hasCampaignDispo && !isCampaignTab) {
     return (
       <Box position={isGrid ? 'relative' : undefined}>

diff --git a/web/components/Campaign/Places/Admin/CampaignScheduleInfo.tsx b/web/components/Campaign/Places/Admin/CampaignScheduleInfo.tsx
@@ -9,6 +9,7 @@ import ScheduleContext from '~components/Account/Place/ScheduleContext'
 import ScheduleDelete from '~components/Account/Place/ScheduleDelete'
 import Link from '~components/Link'
 import { ROUTE_ACCOUNT_APPLICATIONS } from '~constants'
+import useCampaignDispo from '~hooks/useCampaignDispo'
 
 interface Props {
   place: Espace
@@ -18,10 +19,10 @@ interface Props {
 const CampaignScheduleInfo = ({ place, showForm }: Props) => {
   const { t } = useTranslation('place')
   const { currentCampaign } = useCampaignContext()
-  const campaignDispo = place?.disponibilities?.filter(
-    //@ts-expect-error
-    (d) => d.campaign === currentCampaign?.id,
+  const { campaignDisposNum, campaignDispos } = useCampaignDispo(
+    place?.disponibilities,
   )
+
   const isMobile = useBreakpointValue({ base: true, sm: false })
   const { eventsIdToDelete } = useContext(ScheduleContext)
 
@@ -51,8 +52,8 @@ const CampaignScheduleInfo = ({ place, showForm }: Props) => {
       <Box width="100%">
         <Text fontFamily="mabry medium" fontSize="3xl" lineHeight="1">
           {currentCampaign?.mode === 'disponibilities'
-            ? `${campaignDispo?.length}/${currentCampaign?.disponibilities_max}`
-            : campaignDispo?.length}
+            ? `${campaignDisposNum}/${currentCampaign?.disponibilities_max}`
+            : campaignDisposNum}
         </Text>
         <Text>
           {currentCampaign?.mode === 'disponibilities'
@@ -62,7 +63,7 @@ const CampaignScheduleInfo = ({ place, showForm }: Props) => {
               )
             : t(
                 `campaign.helpers.applications.schedule.${
-                  campaignDispo?.length <= 1
+                  campaignDisposNum <= 1
                     ? 'open_applications_one'
                     : 'open_applications_many'
                 }`,
@@ -76,20 +77,21 @@ const CampaignScheduleInfo = ({ place, showForm }: Props) => {
           mt={6}
           onClick={showForm}
           disabled={
-            campaignDispo?.length === currentCampaign?.disponibilities_max
+            currentCampaign &&
+            campaignDisposNum === currentCampaign?.disponibilities_max
           }
         >
           {isMobile ? t(`list.add`) : t(`schedule.add`)}
         </Button>
-      ) : campaignDispo?.length > 0 ? (
+      ) : campaignDisposNum > 0 ? (
         <Button
           size="lg"
           alignSelf="flex-start"
           mt={6}
           variant="outline"
           colorScheme="blue"
           as={Link}
-          href={`${ROUTE_ACCOUNT_APPLICATIONS}?espace=${place.id}&disponibility=${campaignDispo[0]?.id}`}
+          href={`${ROUTE_ACCOUNT_APPLICATIONS}?espace=${place.id}&disponibility=${campaignDispos[0]?.id}`}
         >
           {t('campaign.helpers.applications.schedule.see_applications')}
         </Button>

diff --git a/web/components/Campaign/Places/Detail/CampaignPlaceDetail.tsx b/web/components/Campaign/Places/Detail/CampaignPlaceDetail.tsx
@@ -19,7 +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'
+import useCampaignDispo from '~hooks/useCampaignDispo'
 
 interface Props {
   place: Espace
@@ -29,7 +29,6 @@ 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
@@ -40,6 +39,8 @@ const CampaignPlaceDetail = ({ place }: Props) => {
     )
   }, [place])
 
+  const { campaignDispos } = useCampaignDispo(place?.disponibilities)
+
   return (
     <Box>
       <PlaceHeader place={place} />
@@ -69,11 +70,7 @@ const CampaignPlaceDetail = ({ place }: Props) => {
         </Stack>
 
         {isCampaignTab ? (
-          <CampaignApplicationSchedule
-            disponibilities={place?.disponibilities?.filter(
-              (d) => d?.campaign?.toString() === currentCampaign?.id.toString(),
-            )}
-          />
+          <CampaignApplicationSchedule disponibilities={campaignDispos} />
         ) : (
           <PlaceDetailCalendar place={place} />
         )}

diff --git a/web/components/Place/PlaceGridCard.tsx b/web/components/Place/PlaceGridCard.tsx
@@ -22,6 +22,7 @@ import addWeeks from 'date-fns/addWeeks'
 import useCampaignContext from '~components/Campaign/useCampaignContext'
 import { format } from '~utils/date'
 import CampaignTag from '~components/Campaign/CampaignTag'
+import useCampaignDispo from '~hooks/useCampaignDispo'
 
 interface Props {
   place: Espace
@@ -48,12 +49,11 @@ const PlaceGridCard = ({ place, searchParams, isCampaignTab }: Props) => {
     disposInRange || place?.disponibilities,
   )
 
+  const { campaignDisposNum, campaignDispos } = useCampaignDispo(
+    place?.disponibilities,
+  )
   const hasCampaignDispo =
-    currentCampaign?.mode === 'applications' &&
-    place?.disponibilities?.some(
-      //@ts-expect-error
-      (d) => d?.campaign === currentCampaign?.id,
-    )
+    currentCampaign?.mode === 'applications' && !!campaignDisposNum
 
   return (
     <LinkBox>
@@ -75,9 +75,7 @@ const PlaceGridCard = ({ place, searchParams, isCampaignTab }: Props) => {
           <CampaignTag
             isGrid
             isCampaignTab={isCampaignTab}
-            disponibilitiesIds={place?.disponibilities
-              ?.filter((el) => el?.campaign)
-              .map((d) => d?.id)}
+            disponibilitiesIds={campaignDispos?.map((d) => d.id)}
             hasCampaignDispo={hasCampaignDispo}
           />
 

diff --git a/web/components/Place/PlaceListCard.tsx b/web/components/Place/PlaceListCard.tsx
@@ -16,6 +16,7 @@ import LinkOverlay from '~components/LinkOverlay'
 import { format } from '~utils/date'
 import CampaignTag from '~components/Campaign/CampaignTag'
 import useCampaignContext from '~components/Campaign/useCampaignContext'
+import useCampaignDispo from '~hooks/useCampaignDispo'
 
 interface Props {
   place: Espace
@@ -26,7 +27,10 @@ interface Props {
 const PlaceCard = ({ place, setFocus, isCampaignTab }: Props) => {
   const { t } = useTranslation('place')
   const { currentCampaign } = useCampaignContext()
-
+  const { campaignDispos } = useCampaignDispo(place?.disponibilities)
+  console.log(place?.disponibilities, currentCampaign?.mode)
+  const hasCampaignDispo =
+    currentCampaign?.mode === 'applications' && !!campaignDispos?.length
   return (
     <LinkBox
       w="100%"
@@ -69,7 +73,8 @@ const PlaceCard = ({ place, setFocus, isCampaignTab }: Props) => {
             <Box>
               <CampaignTag
                 isCampaignTab={isCampaignTab}
-                disponibilitiesIds={place?.disponibilities?.map((d) => d?.id)}
+                disponibilitiesIds={campaignDispos?.map((d) => d.id)}
+                hasCampaignDispo={hasCampaignDispo}
               />
               <Text fontFamily="mabry medium" isTruncated>
                 {place.name}

diff --git a/web/hooks/useCampaignDispo.tsx b/web/hooks/useCampaignDispo.tsx
@@ -0,0 +1,24 @@
+import { useMemo } from 'react'
+import useCampaignContext from '~components/Campaign/useCampaignContext'
+import { Disponibility } from '~typings/api'
+
+const useCampaignDispo = (disponibilities?: Disponibility[]) => {
+  const { currentCampaign } = useCampaignContext()
+
+  const campaignDispos = useMemo(
+    () =>
+      disponibilities?.filter(
+        (d) =>
+          currentCampaign &&
+          d?.campaign?.toString() === currentCampaign?.id?.toString(),
+      ),
+    [disponibilities, currentCampaign],
+  )
+
+  return {
+    campaignDispos,
+    campaignDisposNum: campaignDispos?.length,
+  }
+}
+
+export default useCampaignDispo
diff --git a/web/hooks/useCurrentUser.tsx b/web/hooks/useCurrentUser.tsx
@@ -20,7 +20,8 @@ export const useCurrentUser = () => {
     if (userData && currentCampaign) {
       //@ts-expect-error
       return userData?.data?.companyApplications?.filter(
-        (application) => application?.campaign === currentCampaign?.id,
+        (application) =>
+          currentCampaign && application?.campaign === currentCampaign?.id,
       )
     }
   }, [userData?.data, currentCampaign])

diff --git a/web/hooks/useSelectedCampaign.tsx b/web/hooks/useSelectedCampaign.tsx
@@ -5,7 +5,7 @@ const useSelectedCampaign = () => {
   const { allPlaceCampaigns } = useCampaignContext()
   const { query } = useRouter()
   const selectedCampaign = allPlaceCampaigns?.find(
-    (c) => c.id.toString() === query.campaign.toString(),
+    (c) => c?.id?.toString() === query?.campaign?.toString(),
   )
 
   return { selectedCampaign }

diff --git a/web/pages/compte/candidatures/index.tsx b/web/pages/compte/candidatures/index.tsx
@@ -16,25 +16,24 @@ const PlaceApplications = () => {
   const { t: tAccount } = useTranslation('account')
   const { selectedCampaign } = useSelectedCampaign()
 
-  if (selectedCampaign)
-    return (
-      <>
-        <NextSeo title={tAccount('title.requests')} />
-        {selectedCampaign?.mode === 'applications' && (
-          <Box paddingY={4}>
-            <PlacesAdminCampaignHelper
-              title={t(`place.helper.open_applications_start`, {
-                title: selectedCampaign?.title,
-              })}
-              description={t(`place.helper.open_applications_end`)}
-            />
-          </Box>
-        )}
-        <CampaignSelector>
-          <DisponibilitiesSelector />
-        </CampaignSelector>
-      </>
-    )
+  return (
+    <>
+      <NextSeo title={tAccount('title.requests')} />
+      {selectedCampaign?.mode === 'applications' && (
+        <Box paddingY={4}>
+          <PlacesAdminCampaignHelper
+            title={t(`place.helper.open_applications_start`, {
+              title: selectedCampaign?.title,
+            })}
+            description={t(`place.helper.open_applications_end`)}
+          />
+        </Box>
+      )}
+      <CampaignSelector>
+        <DisponibilitiesSelector />
+      </CampaignSelector>
+    </>
+  )
 
   return null
 }