diff --git a/src/components/mui/formik-inputs/mui-formik-textfield.js b/src/components/mui/formik-inputs/mui-formik-textfield.js index beb090adb..d94a0bee1 100644 --- a/src/components/mui/formik-inputs/mui-formik-textfield.js +++ b/src/components/mui/formik-inputs/mui-formik-textfield.js @@ -3,15 +3,27 @@ import PropTypes from "prop-types"; import { Box, TextField, Typography } from "@mui/material"; import { useField } from "formik"; -const MuiFormikTextField = ({ name, label, maxLength, ...props }) => { +const MuiFormikTextField = ({ + name, + label, + maxLength, + required = false, + ...props +}) => { const [field, meta] = useField(name); const currentLength = field.value?.length || 0; + let finalLabel = ""; + + if (label) { + finalLabel = required ? `${label} *` : label; + } + return ( { MuiFormikTextField.propTypes = { name: PropTypes.string.isRequired, label: PropTypes.string, - maxLength: PropTypes.number + maxLength: PropTypes.number, + required: PropTypes.bool }; export default MuiFormikTextField; diff --git a/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js b/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js index f27d8fc40..0288b8d44 100644 --- a/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js +++ b/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js @@ -76,6 +76,7 @@ const SponsorFormItemForm = ({ initialValues, onSubmit }) => { name="name" label={T.translate("sponsor_form_item_list.edit_item.name")} fullWidth + required /> @@ -94,6 +95,7 @@ const SponsorFormItemForm = ({ initialValues, onSubmit }) => { "sponsor_form_item_list.edit_item.early_bird_rate" )} fullWidth + required /> @@ -103,6 +105,7 @@ const SponsorFormItemForm = ({ initialValues, onSubmit }) => { "sponsor_form_item_list.edit_item.standard_rate" )} fullWidth + required /> @@ -112,6 +115,7 @@ const SponsorFormItemForm = ({ initialValues, onSubmit }) => { "sponsor_form_item_list.edit_item.onsite_rate" )} fullWidth + required /> @@ -145,6 +149,7 @@ const SponsorFormItemForm = ({ initialValues, onSubmit }) => { fullWidth type="number" inputProps={{ min: 0 }} + required />