fix: remove red border on valid country select

This commit is contained in:
Christel Westerberg
2024-12-09 16:28:22 +01:00
committed by Arvid Norlin
parent a5a99c1432
commit 100adc8266

View File

@@ -43,7 +43,7 @@ export default function CountrySelect({
} }
} }
const { control, setValue } = useFormContext() const { control, setValue } = useFormContext()
const { field, fieldState, formState } = useController({ const { field, formState } = useController({
control, control,
name, name,
rules: registerOptions, rules: registerOptions,
@@ -59,7 +59,6 @@ export default function CountrySelect({
<div className={`${styles.container} ${className}`} ref={setRef}> <div className={`${styles.container} ${className}`} ref={setRef}>
<ComboBox <ComboBox
aria-label={intl.formatMessage({ id: "Select country of residence" })} aria-label={intl.formatMessage({ id: "Select country of residence" })}
isInvalid={fieldState.invalid}
isReadOnly={readOnly} isReadOnly={readOnly}
isRequired={!!registerOptions?.required} isRequired={!!registerOptions?.required}
name={field.name} name={field.name}