diff --git a/src/components/CreateTaskTemplate/CreateTaskTemplate.tsx b/src/components/CreateTaskTemplate/CreateTaskTemplate.tsx index 2f5543e..066c994 100644 --- a/src/components/CreateTaskTemplate/CreateTaskTemplate.tsx +++ b/src/components/CreateTaskTemplate/CreateTaskTemplate.tsx @@ -48,8 +48,14 @@ const CreateTaskTemplate: React.FC = ({ tasks }) => { register, handleSubmit, setValue, + watch, formState: { errors, isSubmitting }, - } = useForm(); + } = useForm({ defaultValues: { taskIds: [] } }); + + const currentTaskIds = watch("taskIds"); + const selectedItems = React.useMemo(() => { + return items.filter((item) => currentTaskIds.includes(item.id)); + }, [currentTaskIds, items]); const onSubmit: SubmitHandler = React.useCallback( async (data) => { @@ -100,11 +106,11 @@ const CreateTaskTemplate: React.FC = ({ tasks }) => { { + selectedItems={selectedItems} + onChange={(selectedTasks) => { setValue( "taskIds", - selectedItems.map((item) => item.id), + selectedTasks.map((item) => item.id), ); }} allItemsLabel={t("Task Pool")}