feat(tvrequestmodal): warning for no air date or date in the future

Author: rienafairefr

src/components/RequestModal/TvRequestModal.tsx

@@ -38,7 +38,8 @@ const messages = defineMessages('components.RequestModal', {
     'Request {seasonCount} {seasonCount, plural, one {Season} other {Seasons}}',
   requestseasons4k:
     'Request {seasonCount} {seasonCount, plural, one {Season} other {Seasons}} in 4K',
-  requesttvNotReleased: 'The Air Date is absent or in the future',
+  requesttvNoAirDate: 'The Air Date is absent',
+  requesttvNotReleased: 'The Air Date is in the future',
   alreadyrequested: 'Already Requested',
   selectseason: 'Select Season(s)',
   season: 'Season',
@@ -383,11 +384,28 @@ const TvRequestModal = ({
 
   const isOwner = editRequest && editRequest.requestedBy.id === user?.id;
 
-  const seasonsAirDates = (data?.seasons ?? []).map((season) => season.airDate);
-
-  console.log(seasonsAirDates);
+  const dateNow = new Date();
+  const selectedSeasonsAirDates = selectedSeasons.map(
+    (season) => data?.seasons?.find((s) => s.seasonNumber === season)?.airDate
+  );
+  const selectedSeasonsPresentAirDates = selectedSeasonsAirDates
+    .filter((i) => i !== undefined)
+    .map((element) => new Date(Date.parse(element)));
+  const selectedSeasonsAirDateInTheFuture =
+    selectedSeasonsPresentAirDates.filter((element) => element > dateNow);
+
+  const selectedSeasonsAirDateNotPresent = selectedSeasonsAirDates.some(
+    (element) => element === undefined
+  );
 
-  const airDateInTheFuture = true;
+  console.log({
+    selectedSeasons,
+    selectedSeasonsAirDates,
+    seasons: data?.seasons,
+    selectedSeasonsAirDateNotPresent,
+    selectedSeasonsAirDateInTheFuture,
+    selectedSeasonsPresentAirDates,
+  });
 
   return data && !error && !data.externalIds.tvdbId && searchModal.show ? (
     <SearchByNameModal
@@ -506,10 +524,32 @@ const TvRequestModal = ({
           </p>
         )}
       {settings.currentSettings.warnNonReleased &&
-        airDateInTheFuture(
+        selectedSeasonsAirDateInTheFuture.length > 0 && (
+          <div className="mt-6">
+            <Alert
+              title={
+                intl.formatMessage(messages.requesttvNotReleased) +
+                ` (
+                ${selectedSeasonsAirDateInTheFuture
+                  .map((element) =>
+                    intl.formatDate(element, {
+                      year: 'numeric',
+                      month: 'long',
+                      day: 'numeric',
+                    })
+                  )
+                  .join(', ')}
+              )`
+              }
+              type="warning"
+            />
+          </div>
+        )}
+      {settings.currentSettings.warnNonReleased &&
+        selectedSeasonsAirDates.some((element) => element == undefined) && (
           <div className="mt-6">
             <Alert
-              title={intl.formatMessage(messages.requesttvNotReleased)}
+              title={intl.formatMessage(messages.requesttvNoAirDate)}
               type="warning"
             />
           </div>