61 lines
1.6 KiB
TypeScript
61 lines
1.6 KiB
TypeScript
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 'errors:required'
|
|
}
|
|
if (error.keyword === 'format') {
|
|
if (error.params['format'] === 'email') {
|
|
return 'errors:invalid-email'
|
|
}
|
|
return 'errors:invalid'
|
|
}
|
|
return `errors:${error.keyword}`
|
|
}
|
|
return 'errors:invalid'
|
|
}
|
|
|
|
export type GetErrorTranslation = (
|
|
error: Error | undefined
|
|
) => string | undefined
|
|
|
|
export type GetFirstErrorTranslation = (
|
|
errors: Error[] | undefined
|
|
) => string | undefined
|
|
|
|
export interface UseFormTranslationResult {
|
|
getErrorTranslation: GetErrorTranslation
|
|
getFirstErrorTranslation: GetFirstErrorTranslation
|
|
}
|
|
|
|
export const useFormTranslation = (): UseFormTranslationResult => {
|
|
const { t } = useTranslation()
|
|
|
|
const getErrorTranslation: GetErrorTranslation = (error) => {
|
|
if (error != null) {
|
|
return t(getErrorTranslationKey(error)).replace(
|
|
'{expected}',
|
|
error?.params?.['limit']
|
|
)
|
|
}
|
|
return undefined
|
|
}
|
|
|
|
const getFirstErrorTranslation: GetFirstErrorTranslation = (errors) => {
|
|
if (errors != null) {
|
|
return getErrorTranslation(errors[0])
|
|
}
|
|
return undefined
|
|
}
|
|
|
|
return { getFirstErrorTranslation, getErrorTranslation }
|
|
}
|