This commit is contained in:
Philipinho
2026-01-19 13:22:12 +00:00
parent b4e8a5af9e
commit 2a3ab9e11d
@@ -9,6 +9,7 @@ import { IconGroupCircle } from "@/components/icons/icon-people-circle.tsx";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
interface MultiMemberSelectProps { interface MultiMemberSelectProps {
value?: string[];
onChange: (value: string[]) => void; onChange: (value: string[]) => void;
} }
@@ -33,7 +34,7 @@ const renderMultiSelectOption: MultiSelectProps["renderOption"] = ({
</Group> </Group>
); );
export function MultiMemberSelect({ onChange }: MultiMemberSelectProps) { export function MultiMemberSelect({ value, onChange }: MultiMemberSelectProps) {
const { t } = useTranslation(); const { t } = useTranslation();
const [searchValue, setSearchValue] = useState(""); const [searchValue, setSearchValue] = useState("");
const [debouncedQuery] = useDebouncedValue(searchValue, 500); const [debouncedQuery] = useDebouncedValue(searchValue, 500);
@@ -85,6 +86,7 @@ export function MultiMemberSelect({ onChange }: MultiMemberSelectProps) {
return ( return (
<MultiSelect <MultiSelect
data={data} data={data}
value={value}
renderOption={renderMultiSelectOption} renderOption={renderMultiSelectOption}
hidePickedOptions hidePickedOptions
maxDropdownHeight={300} maxDropdownHeight={300}