import React, {Fragment, useMemo} from 'react'; import {FormImageSelector} from '@common/ui/images/image-selector'; import {Trans} from '@common/i18n/trans'; import {FormTextField} from '@common/ui/forms/input-field/text-field/text-field'; import {FormDatePicker} from '@common/ui/forms/input-field/date/date-picker/date-picker'; import {FormSelect, Option} from '@common/ui/forms/select/select'; import {useValueLists} from '@common/http/value-lists'; import {Item} from '@common/ui/forms/listbox/item'; export function PersonPrimaryFactsForm() { return (
} showRemoveButton />
} className="mb-24" required /> } className="mb-24" granularity="day" /> } granularity="day" />
} inputElementType="textarea" rows={4} className="mb-24" />
} className="flex-1 max-md:mb-24" />
} className="flex-1 max-md:mb-24" selectionMode="single" >
} type="number" min={1} className="flex-1 max-md:mb-24" />
); } function KnownForField() { const {data} = useValueLists(['tmdbDepartments']); const departments = useMemo(() => { return data?.tmdbDepartments.map(item => { if (item.department === 'Actors') { return {department: 'Acting'}; } return {department: item.department}; }); }, [data]); return ( } required items={departments} className="mb-24" selectionMode="single" showSearchField > {item => ( )} ); }