tabshift/payload
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): Where query selectors for checkboxes are now translated (#7309)

Browse Source 
Fixes https://github.com/payloadcms/payload/issues/7204
This commit is contained in:
Paul
2024-07-23 13:12:18 -04:00
committed by GitHub
parent f2b3305cb0
commit b9cf6c73a9
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/src/elements/WhereBuilder/Condition/index.tsx
View File

@@ -43,6 +43,7 @@ import type { Option } from '../../ReactSelect/index.js'
import { RenderCustomClientComponent } from '../../../elements/RenderCustomClientComponent/index.js' import { RenderCustomClientComponent } from '../../../elements/RenderCustomClientComponent/index.js'
import { useDebounce } from '../../../hooks/useDebounce.js' import { useDebounce } from '../../../hooks/useDebounce.js'
import { useTranslation } from '../../../providers/Translation/index.js'
import { Button } from '../../Button/index.js' import { Button } from '../../Button/index.js'
import { ReactSelect } from '../../ReactSelect/index.js' import { ReactSelect } from '../../ReactSelect/index.js'
import { DateField } from './Date/index.js' import { DateField } from './Date/index.js'
@@ -78,6 +79,7 @@ export const Condition: React.FC<Props> = (props) => {
const [internalField, setInternalField] = useState<FieldCondition>(() => const [internalField, setInternalField] = useState<FieldCondition>(() =>
fields.find((field) => fieldName === field.value), fields.find((field) => fieldName === field.value),
) )
const { t } = useTranslation()
const [internalOperatorOption, setInternalOperatorOption] = useState<Operator>(operator) const [internalOperatorOption, setInternalOperatorOption] = useState<Operator>(operator)
const [internalQueryValue, setInternalQueryValue] = useState<string>(initialValue) const [internalQueryValue, setInternalQueryValue] = useState<string>(initialValue)
@@ -116,7 +118,7 @@ export const Condition: React.FC<Props> = (props) => {
let valueOptions let valueOptions
if (booleanSelect) { if (booleanSelect) {
valueOptions = ['true', 'false'] valueOptions = [t('general:true'), t('general:false')]
} else if (internalField?.props && 'options' in internalField.props) { } else if (internalField?.props && 'options' in internalField.props) {
valueOptions = internalField.props.options valueOptions = internalField.props.options
} }