morpheus65535/bazarr
1
1
Fork 0
mirror of https://github.com/morpheus65535/bazarr.git synced 2025-01-01 04:22:07 +08:00
Code Issues Projects Releases Packages Wiki Activity

no log: Add value property to the chip component

Browse source
This commit is contained in:
LASER-Yi 2021-12-09 20:44:17 +08:00
parent ca8f3f9fd2
commit 0af9647a6a
No known key found for this signature in database
GPG key ID: BB28903D50A1D408
2 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/Settings/components/forms.tsx
View file

@ -176,11 +176,11 @@ export const Chips: FunctionComponent<ChipsProp> = (props) => {
const update = useSingleUpdate();
const defaultValue = useLatest<string[]>(settingKey, isArray, override);
const value = useLatest<string[]>(settingKey, isArray, override);
return (
<CChips
defaultValue={defaultValue ?? undefined}
value={value ?? undefined}
onChange={(v) => {
update(v, settingKey);
}}

19
frontend/src/components/inputs/Chips.tsx
View file

@ -3,6 +3,7 @@ import React, {
FunctionComponent,
KeyboardEvent,
useCallback,
useEffect,
useMemo,
useRef,
useState,
@ -14,15 +15,31 @@ const SplitKeys = ["Tab", "Enter", " ", ",", ";"];
export interface ChipsProps {
disabled?: boolean;
defaultValue?: readonly string[];
value?: readonly string[];
onChange?: (v: string[]) => void;
}
export const Chips: FunctionComponent<ChipsProps> = ({
defaultValue,
value,
disabled,
onChange,
}) => {
const [chips, setChips] = useState(defaultValue ?? []);
const [chips, setChips] = useState(() => {
if (value) {
return value;
}
if (defaultValue) {
return defaultValue;
}
return [];
});
useEffect(() => {
if (value) {
setChips(value);
}
}, [value]);
const input = useRef<HTMLInputElement>(null);