1
1
mirror of https://github.com/theoludwig/react-component-form.git synced 2024-07-17 07:30:13 +02:00
react-component-form/example/hooks/useFormTranslation.ts

52 lines
1.3 KiB
TypeScript
Raw Normal View History

2022-08-26 20:19:31 +02:00
import useTranslation from 'next-translate/useTranslation'
import type { Error } from 'react-component-form'
const knownErrorKeywords = ['minLength', 'maxLength', 'format']
const getErrorTranslationKey = (error: Error): string => {
if (knownErrorKeywords.includes(error?.keyword)) {
if (
error.keyword === 'minLength' &&
typeof error.data === 'string' &&
error.data.length === 0
) {
return 'common:required'
}
if (error.keyword === 'format') {
2023-01-10 21:23:32 +01:00
if (error.params['format'] === 'email') {
2022-08-26 20:19:31 +02:00
return 'common:invalid-email'
}
return 'common:invalid'
}
return `common:${error.keyword}`
}
return 'common:invalid'
}
export const useFormTranslation = () => {
const { t } = useTranslation()
const getErrorTranslation = (
error: Error | undefined
): string | undefined => {
if (error != null) {
return t(getErrorTranslationKey(error)).replace(
'{expected}',
2023-01-10 21:23:32 +01:00
error?.params?.['limit']
2022-08-26 20:19:31 +02:00
)
}
return undefined
}
const getFirstErrorTranslation = (
errors: Error[] | undefined
): string | undefined => {
if (errors != null) {
return getErrorTranslation(errors[0])
}
return undefined
}
return { getFirstErrorTranslation, getErrorTranslation }
}