[offers][fix] Fix year options (#548)

apps/portal/src/components/offers/Years.ts

@@ -1,8 +1,12 @@
 const NUM_YEARS = 5;
-export const FutureYearsOptions = Array.from({ length: NUM_YEARS }, (_, i) => {
+const OFFSET = 2;
-  const year = new Date().getFullYear() + i;
+export const YearsOptions = (yearSelected?: number) =>
-  return {
+  Array.from({ length: NUM_YEARS }, (_, i) => {
-    label: String(year),
+    const year = yearSelected
-    value: year,
+      ? yearSelected - OFFSET + i
-  };
+      : new Date().getFullYear() - OFFSET + i;
-});
+    return {
+      label: String(year),
+      value: year,
+    };
+  });

apps/portal/src/components/offers/offersSubmission/OffersSubmissionForm.tsx

@@ -73,7 +73,7 @@ export const defaultInternshipOfferValues = {
     monthlySalary: {
       currency: DEFAULT_CURRENCY,
     },
-    startYear: null,
+    startYear: getCurrentYear(),
   },
 };
 

apps/portal/src/components/offers/offersSubmission/submissionForm/OfferDetailsForm.tsx

@@ -29,7 +29,7 @@ import FormTextInput from '../../forms/FormTextInput';
 import { InternshipCycleOptions } from '../../InternshipCycles';
 import JobTypeTabs from '../../JobTypeTabs';
 import type { OfferFormData } from '../../types';
-import { FutureYearsOptions } from '../../Years';
+import { YearsOptions } from '../../Years';
 import { CURRENCY_OPTIONS } from '../../../../utils/offers/currency/CurrencyEnum';
 
 type FullTimeOfferDetailsFormProps = Readonly<{
@@ -287,6 +287,9 @@ function InternshipOfferDetailsForm({
   const { register, formState, control } = useFormContext<{
     offers: Array<OfferFormData>;
   }>();
+  const watchStartYear = useWatch({
+    name: `offers.${index}.offersIntern.startYear`,
+  });
   const offerFields = formState.errors.offers?.[index];
 
   return (
@@ -351,7 +354,7 @@ function InternshipOfferDetailsForm({
             display="block"
             errorMessage={offerFields?.offersIntern?.startYear?.message}
             label="Internship Year"
-            options={FutureYearsOptions}
+            options={YearsOptions(watchStartYear)}
             required={true}
             {...register(`offers.${index}.offersIntern.startYear`, {
               required: FieldError.REQUIRED,