30 lines
1.0 KiB
TypeScript
30 lines
1.0 KiB
TypeScript
import { Select } from '@pikku/mantine/core';
|
|
import type { DB } from '@heygermany/sdk';
|
|
import { DocumentStatuses } from '@heygermany/sdk';
|
|
import { useI18n } from '@/context/i18n-provider';
|
|
|
|
interface DocumentStatusSelectProps {
|
|
value: DB.DocumentStatus;
|
|
onChange: (value: DB.DocumentStatus) => void;
|
|
}
|
|
|
|
export const DocumentStatusSelect: React.FC<DocumentStatusSelectProps> = ({
|
|
value,
|
|
onChange
|
|
}) => {
|
|
const t = useI18n();
|
|
return (
|
|
<Select
|
|
placeholder={t('backoffice.candidate.fields.selectstatus')}
|
|
value={value}
|
|
onChange={(value) => onChange(value as DB.DocumentStatus)}
|
|
data={[
|
|
{ value: DocumentStatuses.UNVERIFIED, label: t('backoffice.documents.status.unverified') },
|
|
{ value: DocumentStatuses.VERIFIED, label: t('backoffice.documents.status.verified') },
|
|
{ value: DocumentStatuses.INVALID, label: t('backoffice.documents.status.invalid') },
|
|
{ value: DocumentStatuses.MISSING, label: t('backoffice.documents.status.missing') }
|
|
]}
|
|
/>
|
|
);
|
|
};
|