fix: allow to select multiple projects / features in webhooks form

Fix #905
MAIF · Nov 21, 2024 · 951661a · 951661a
1 parent 3fb89ff
commit 951661a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/izanami-frontend/src/components/FeatureSelector.tsx b/izanami-frontend/src/components/FeatureSelector.tsx
@@ -8,11 +8,11 @@ import { Loader } from "./Loader";
 
 export function FeatureSelector(props: {
   id?: string;
-  value?: string;
+  value?: string[];
   onChange?: (v: string[]) => void;
 }) {
   const { tenant } = useParams();
-  const { value, onChange } = props;
+  const { onChange } = props;
 
   const featureQuery = useQuery(tenantFeaturesKey(tenant!), () =>
     findFeatures(tenant!)
@@ -31,9 +31,9 @@ export function FeatureSelector(props: {
         inputId={props.id ?? undefined}
         isMulti
         value={
-          value
-            ? options.find(({ value }) => props.value?.includes(value ?? ""))
-            : undefined
+          props.value
+            ? options.filter(({ value }) => props.value?.includes(value ?? ""))
+            : []
         }
         onChange={(newValue) => {
           onChange?.(newValue.map(({ value }) => value!));

diff --git a/izanami-frontend/src/components/ProjectSelector.tsx b/izanami-frontend/src/components/ProjectSelector.tsx
@@ -8,11 +8,11 @@ import { Loader } from "./Loader";
 
 export function ProjectSelector(props: {
   id?: string;
-  value?: string;
+  value?: string[];
   onChange?: (v: string[]) => void;
 }) {
   const { tenant } = useParams();
-  const { value, onChange } = props;
+  const { onChange } = props;
 
   const tenantQuery = useQuery(tenantQueryKey(tenant!), () =>
     queryTenant(tenant!)
@@ -32,9 +32,9 @@ export function ProjectSelector(props: {
         inputId={props.id ?? undefined}
         isMulti
         value={
-          value
-            ? options.find(({ value }) => props.value?.includes(value ?? ""))
-            : undefined
+          props.value
+            ? options.filter(({ value }) => props.value?.includes(value ?? ""))
+            : []
         }
         onChange={(newValue) => {
           onChange?.(newValue.map(({ value }) => value));