scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-2476): turn country select into a controlled component again

Browse Source
This commit is contained in:
Christian Andolf
2025-04-22 14:01:43 +02:00
parent 281efd0df5
commit 3df28f950e
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/scandic-web/components/TempDesignSystem/Form/Country/index.tsx
View File

@@ -27,7 +27,7 @@ export default function CountrySelect({
const { startsWith } = useFilter({ sensitivity: "base" }) const { startsWith } = useFilter({ sensitivity: "base" })
const [filterValue, setFilterValue] = useState("") const [filterValue, setFilterValue] = useState("")
const { control } = useFormContext() const { control, setValue } = useFormContext()
const { field, formState, fieldState } = useController({ const { field, formState, fieldState } = useController({
control, control,
name, name,
@@ -57,7 +57,8 @@ export default function CountrySelect({
isInvalid={fieldState.invalid} isInvalid={fieldState.invalid}
name={field.name} name={field.name}
onBlur={field.onBlur} onBlur={field.onBlur}
defaultSelectedKey={field.value} onSelectionChange={(country) => setValue(name, country ?? "")}
selectedKey={field.value}
data-testid={name} data-testid={name}
isReadOnly={readOnly} isReadOnly={readOnly}
onInputChange={setFilterValue} onInputChange={setFilterValue}