diff --git a/frontend/src/components/forms/ProfileEditForm.tsx b/frontend/src/components/forms/ProfileEditForm.tsx index a18b55017..dae71532d 100644 --- a/frontend/src/components/forms/ProfileEditForm.tsx +++ b/frontend/src/components/forms/ProfileEditForm.tsx @@ -65,7 +65,8 @@ const ProfileEditForm: FunctionComponent = ({ const itemCutoffOptions = useSelectorOptions( form.values.items, - (v) => v.language + (v) => v.language, + (v) => String(v.id) ); const cutoffOptions = useMemo( @@ -76,6 +77,13 @@ const ProfileEditForm: FunctionComponent = ({ [itemCutoffOptions] ); + const selectedCutoff = useMemo( + () => + cutoffOptions.options.find((v) => v.value.id === form.values.cutoff) + ?.value ?? null, + [cutoffOptions, form.values.cutoff] + ); + const mustContainOptions = useSelectorOptions( form.values.mustContain, (v) => v @@ -255,7 +263,10 @@ const ProfileEditForm: FunctionComponent = ({ clearable label="Cutoff" {...cutoffOptions} - {...form.getInputProps("cutoff")} + value={selectedCutoff} + onChange={(value) => { + form.setFieldValue("cutoff", value?.id ?? null); + }} > diff --git a/frontend/src/pages/Movies/Details/index.tsx b/frontend/src/pages/Movies/Details/index.tsx index f8f65434d..5cc197fdb 100644 --- a/frontend/src/pages/Movies/Details/index.tsx +++ b/frontend/src/pages/Movies/Details/index.tsx @@ -126,19 +126,6 @@ const MovieDetailView: FunctionComponent = () => { - {/* */} - {/* */}