diff --git a/src/components/mui/formik-inputs/mui-formik-datepicker.js b/src/components/mui/formik-inputs/mui-formik-datepicker.js index b950da55a..ce1dcf31d 100644 --- a/src/components/mui/formik-inputs/mui-formik-datepicker.js +++ b/src/components/mui/formik-inputs/mui-formik-datepicker.js @@ -5,8 +5,9 @@ import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"; import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment"; import { useField } from "formik"; -const MuiFormikDatepicker = ({ name, label }) => { +const MuiFormikDatepicker = ({ name, label, required }) => { const [field, meta, helpers] = useField(name); + const requiredLabel = `${label} *`; return ( { slotProps={{ textField: { name, - label, + label: required ? requiredLabel : label, error: meta.touched && Boolean(meta.error), helperText: meta.touched && meta.error, fullWidth: true, @@ -29,7 +30,8 @@ const MuiFormikDatepicker = ({ name, label }) => { MuiFormikDatepicker.propTypes = { name: PropTypes.string.isRequired, - label: PropTypes.string.isRequired + label: PropTypes.string.isRequired, + required: PropTypes.bool }; export default MuiFormikDatepicker; diff --git a/src/i18n/en.json b/src/i18n/en.json index dc388e52b..2e9c78613 100644 --- a/src/i18n/en.json +++ b/src/i18n/en.json @@ -2505,7 +2505,10 @@ "apply": "Apply" }, "form_template_popup": { - "title": "Create New Form Template", + "title": { + "new": "Create New Form Template", + "edit": "Edit Form" + }, "code": "Code", "name": "Name", "sponsorship": "Always apply to", diff --git a/src/pages/sponsors/sponsor-forms-list-page/components/form-template/form-template-form.js b/src/pages/sponsors/sponsor-forms-list-page/components/form-template/form-template-form.js index 22747a7e0..e6949a4a6 100644 --- a/src/pages/sponsors/sponsor-forms-list-page/components/form-template/form-template-form.js +++ b/src/pages/sponsors/sponsor-forms-list-page/components/form-template/form-template-form.js @@ -116,6 +116,7 @@ const FormTemplateForm = ({ label={T.translate( "sponsor_forms.form_template_popup.opens_at" )} + required /> @@ -124,6 +125,7 @@ const FormTemplateForm = ({ label={T.translate( "sponsor_forms.form_template_popup.expires_at" )} + required /> diff --git a/src/pages/sponsors/sponsor-forms-list-page/components/form-template/form-template-popup.js b/src/pages/sponsors/sponsor-forms-list-page/components/form-template/form-template-popup.js index 910b373ad..160c03546 100644 --- a/src/pages/sponsors/sponsor-forms-list-page/components/form-template/form-template-popup.js +++ b/src/pages/sponsors/sponsor-forms-list-page/components/form-template/form-template-popup.js @@ -28,7 +28,8 @@ const FormTemplatePopup = ({ getSponsorships, resetFormTemplate, saveFormTemplate, - updateFormTemplate + updateFormTemplate, + edit }) => { useEffect(() => { getSponsorships(1, MAX_PER_PAGE); @@ -63,7 +64,11 @@ const FormTemplatePopup = ({ component="div" > - {T.translate("sponsor_forms.form_template_popup.title")} + {T.translate( + edit + ? "sponsor_forms.form_template_popup.title.edit" + : "sponsor_forms.form_template_popup.title.new" + )} @@ -82,7 +87,8 @@ const FormTemplatePopup = ({ FormTemplatePopup.propTypes = { open: PropTypes.bool.isRequired, - onClose: PropTypes.func.isRequired + onClose: PropTypes.func.isRequired, + edit: PropTypes.bool.isRequired }; const mapStateToProps = ({ sponsorFormsListState, currentSummitState }) => ({ diff --git a/src/pages/sponsors/sponsor-forms-list-page/index.js b/src/pages/sponsors/sponsor-forms-list-page/index.js index 17829f18a..bf897fab9 100644 --- a/src/pages/sponsors/sponsor-forms-list-page/index.js +++ b/src/pages/sponsors/sponsor-forms-list-page/index.js @@ -89,7 +89,7 @@ const SponsorFormsListPage = ({ const handleRowEdit = (row) => { getSponsorForm(row.id).then(() => { - setOpenPopup("new"); + setOpenPopup("edit"); }); }; @@ -250,8 +250,9 @@ const SponsorFormsListPage = ({ onClose={() => setOpenPopup(null)} /> setOpenPopup(null)} + edit={openPopup === "edit"} /> );