fix: publishStartDate on quickEditOfferForm is now correct one

src/components/Company/Offers/Manage/CompanyOffersManagementWidget.js

@@ -31,27 +31,29 @@ import CollapsedQuickOfferEdit from "./CollapsedQuickOfferEdit";
 const generateRow = ({
     title, location, publishDate, publishEndDate, isHidden, isArchived, hiddenReason,
     ownerName, getOfferVisibility, setOfferVisibility, offerId, _id, ...args }) => ({
-    fields: {
-        title: { value: (
-            <OfferTitle
-                title={title}
-                getOfferVisibility={getOfferVisibility}
-                offerId={offerId}
-            />), align: "left", linkDestination: `/offer/${_id}` },
-        publishStartDate: { value: format(parseISO(publishDate), "yyyy-MM-dd") },
-        publishEndDate: { value: format(parseISO(publishEndDate), "yyyy-MM-dd") },
-        location: { value: location },
-    },
-    payload: {
-        offer: new Offer({
-            title, location, publishDate, publishEndDate, isHidden,
-            isArchived, hiddenReason, ownerName, _id, ...args,
-        }),
-        getOfferVisibility: getOfferVisibility,
-        setOfferVisibility: setOfferVisibility,
-        offerId: offerId,
-    },
-});
+        fields: {
+            title: {
+                value: (
+                    <OfferTitle
+                        title={title}
+                        getOfferVisibility={getOfferVisibility}
+                        offerId={offerId}
+                    />), align: "left", linkDestination: `/offer/${_id}`
+            },
+            publishStartDate: { value: format(parseISO(publishDate), "yyyy-MM-dd") },
+            publishEndDate: { value: format(parseISO(publishEndDate), "yyyy-MM-dd") },
+            location: { value: location },
+        },
+        payload: {
+            offer: new Offer({
+                title, location, publishDate, publishEndDate, isHidden,
+                isArchived, hiddenReason, ownerName, _id, ...args,
+            }),
+            getOfferVisibility: getOfferVisibility,
+            setOfferVisibility: setOfferVisibility,
+            offerId: offerId,
+        },
+    });
 
 const sorters = {
     title: alphabeticalSorter,
@@ -198,16 +200,15 @@ const CompanyOffersManagementWidget = ({ addSnackbar, isMobile }) => {
         return !isMobile ? (
             <CollapsedQuickOfferEdit
                 offerId={rowKey}
-                offers={offers}
-                setOffers={setOffers}
+                isMobile={isMobile}
             />
         ) : (
             <>
                 <div className={classes.payloadSection}>
                     <Grid container alignItems="center">
                         <Grid item xs={6}>
                             <Typography className={classes.collapsableTitles} variant="body1">
-                Actions
+                                Actions
                             </Typography>
                         </Grid>
                         <Grid item xs={6} justifyContent="center">
@@ -269,8 +270,8 @@ const CompanyOffersManagementWidget = ({ addSnackbar, isMobile }) => {
                 emptyMessage="No offers here."
                 RowContent={RowContent}
                 RowCollapseComponent={RowCollapseComponent}
-                handleSelect={() => {}}
-                handleSelectAll={() => {}}
+                handleSelect={() => { }}
+                handleSelectAll={() => { }}
                 isSelectableTable={false}
                 isLoading={isLoading}
                 error={error}

src/components/Company/Offers/Manage/QuickOfferEditForm.js

@@ -18,10 +18,13 @@ export const QuickOfferEditForm = ({ offerId, showTitle = false }) => {
         dispatch(addSnackbar(notification));
     };
 
-    const { publishEndDate } = offers[offerId]["fields"];
+    const { publishStartDate, publishEndDate } = offers[offerId]["fields"];
+
+    console.log("Publish start date is: ", publishStartDate);
 
     const { control, fields, errors } = useOfferForm(EditOfferSchema, {
         publishEndDate: publishEndDate.value,
+        publishDate: publishStartDate.value
     });
 
     const isObjectEmpty =
@@ -62,6 +65,8 @@ export const QuickOfferEditForm = ({ offerId, showTitle = false }) => {
         }
     };
 
+    console.log("Errors are: ", errors);
+
     return (
         <form onSubmit={(e) => onSubmit(e)} aria-label="Quick Offer Edit Form">
             {showTitle && <Typography align="center">Quick Edit Offer</Typography>}

src/components/Offers/Form/form-components/PublicationEndDateComponent.js

@@ -7,52 +7,54 @@ import { Info } from "@material-ui/icons";
 
 const PublicationEndDateComponent = ({
     fields, disabled, errors, requestErrors, control, datePickerProps, showInfoTooltip = true,
-}) => (
-    <>
-        <Controller
-            name="publishEndDate"
-            render={(
-                { field: { onChange, onBlur, name, value } },
-            ) => (
-                <KeyboardDatePicker
-                    margin="dense"
-                    value={value}
-                    label="Publication End Date *"
-                    id={name}
-                    name={name}
-                    disabled={disabled}
-                    onChange={(_, value) => {
-                        const date = new Date(value);
-                        // KeybaordDatePicker defaults its date to midnight. It makes more sense to consider the last hour of the day
-                        // The offer is available between day x (00:00) and day y (23:59)
-                        date.setHours(23, 59, 59, 0);
-                        onChange(date);
-                    }}
-                    onBlur={onBlur}
-                    variant="inline"
-                    autoOk
-                    format="yyyy-MM-dd"
-                    minDate={fields?.publishDate}
-                    error={!!errors?.publishEndDate ||
+}) => {
+    return (
+        <>
+            <Controller
+                name="publishEndDate"
+                render={(
+                    { field: { onChange, onBlur, name, value } },
+                ) => (
+                    <KeyboardDatePicker
+                        margin="dense"
+                        value={value}
+                        label="Publication End Date *"
+                        id={name}
+                        name={name}
+                        disabled={disabled}
+                        onChange={(_, value) => {
+                            const date = new Date(value);
+                            // KeybaordDatePicker defaults its date to midnight. It makes more sense to consider the last hour of the day
+                            // The offer is available between day x (00:00) and day y (23:59)
+                            date.setHours(23, 59, 59, 0);
+                            onChange(date);
+                        }}
+                        onBlur={onBlur}
+                        variant="inline"
+                        autoOk
+                        format="yyyy-MM-dd"
+                        minDate={fields?.publishDate}
+                        error={!!errors?.publishEndDate ||
                             !!requestErrors?.publishEndDate}
-                    helperText={errors?.publishEndDate?.message ||
+                        helperText={errors?.publishEndDate?.message ||
                             requestErrors?.publishEndDate?.message || " "}
-                    {...datePickerProps}
-                />)}
-            control={control}
-        />
-        {showInfoTooltip ?
-            <Tooltip
-                title="The offer will only be visible until this date"
-                placement="top"
-            >
-                <Info fontSize="small" />
-            </Tooltip>
+                        {...datePickerProps}
+                    />)}
+                control={control}
+            />
+            {showInfoTooltip ?
+                <Tooltip
+                    title="The offer will only be visible until this date"
+                    placement="top"
+                >
+                    <Info fontSize="small" />
+                </Tooltip>
 
-            : ""
-        }
-    </>
-);
+                : ""
+            }
+        </>
+    )
+};
 
 PublicationEndDateComponent.propTypes = {
     fields: PropTypes.object.isRequired,

src/hooks/useOfferForm.js

@@ -8,13 +8,14 @@ import { INITIAL_JOB_DURATION } from "../reducers/searchOffersReducer";
 import useSession from "./useSession";
 
 export default (schema, overrideDefaultValues) => {
+    console.log("Default: ", defaultDates.getPublishDate());
     const { handleSubmit, formState, control, setValue, getValues, clearErrors, reset } = useForm({
         mode: "all",
         resolver: yupResolver(schema),
         reValidateMode: "onChange",
         defaultValues: {
             title: "",
-            publishDate: defaultDates.getPublishDate(),
+            publishDate: overrideDefaultValues?.publishDate ?? defaultDates.getPublishDate(),
             publishEndDate: overrideDefaultValues?.publishEndDate ?? defaultDates.getPublishEndDate(),
             jobDuration: [INITIAL_JOB_DURATION, INITIAL_JOB_DURATION + 1],
             jobStartDate: null,
@@ -72,7 +73,7 @@ export default (schema, overrideDefaultValues) => {
             clearErrors();
         }
     },
-    [clearErrors, isLoggedIn]);
+        [clearErrors, isLoggedIn]);
 
     return {
         success,