Canvas: UI polish
Change-Id: I3c7ae930917213dee8dddffdd9b14be7a80dab0a
diff --git a/apps/canvas/front/src/components/resources.tsx b/apps/canvas/front/src/components/resources.tsx
index 085301c..36118db 100644
--- a/apps/canvas/front/src/components/resources.tsx
+++ b/apps/canvas/front/src/components/resources.tsx
@@ -4,11 +4,11 @@
import { useCallback, useState } from "react";
import { Accordion, AccordionTrigger } from "./ui/accordion";
import { AccordionContent, AccordionItem } from "@radix-ui/react-accordion";
-import { useCategories } from "@/lib/state";
+import { NodeType, useCategories } from "@/lib/state";
import { CategoryItem } from "@/lib/categories";
import { Icon } from "./icon";
-function addResource(i: CategoryItem, flow: ReactFlowInstance) {
+function addResource(i: CategoryItem<NodeType>, flow: ReactFlowInstance) {
flow.addNodes({
id: uuidv4(),
position: {
@@ -24,7 +24,7 @@
export function Resources() {
const flow = useReactFlow();
const categories = useCategories();
- const onResourceAdd = useCallback((item: CategoryItem) => {
+ const onResourceAdd = useCallback((item: CategoryItem<NodeType>) => {
return () => addResource(item, flow);
}, [flow]);
const [open, setOpen] = useState<string[]>(categories.map((c) => c.title));