Canvas: Prettier
Change-Id: I620dde109df0f29f0c85c6fe150e347d2c32a03e
diff --git a/apps/canvas/front/src/components/resources.tsx b/apps/canvas/front/src/components/resources.tsx
index 36118db..a07eb86 100644
--- a/apps/canvas/front/src/components/resources.tsx
+++ b/apps/canvas/front/src/components/resources.tsx
@@ -9,43 +9,51 @@
import { Icon } from "./icon";
function addResource(i: CategoryItem<NodeType>, flow: ReactFlowInstance) {
- flow.addNodes({
- id: uuidv4(),
- position: {
- x: 0,
- y: 0,
- },
- type: i.type,
- connectable: true,
- data: i.init,
- });
+ flow.addNodes({
+ id: uuidv4(),
+ position: {
+ x: 0,
+ y: 0,
+ },
+ type: i.type,
+ connectable: true,
+ data: i.init,
+ });
}
export function Resources() {
- const flow = useReactFlow();
- const categories = useCategories();
- const onResourceAdd = useCallback((item: CategoryItem<NodeType>) => {
- return () => addResource(item, flow);
- }, [flow]);
- const [open, setOpen] = useState<string[]>(categories.map((c) => c.title));
- return (
- <>
- <Accordion type="multiple" value={open} onValueChange={(v) => setOpen(v)}>
- {categories.map((c) => (
- <AccordionItem key={c.title} value={c.title} className={"px-3" + (c.active ? " bg-amber-100" : "")}>
- <AccordionTrigger>
- {c.title}
- </AccordionTrigger>
- <AccordionContent>
- <div className="flex flex-col space-y-1">
- {c.items.map((item) => (
- <Button key={item.title} onClick={onResourceAdd(item)} style={{ justifyContent: "flex-start" }}>{Icon(item.type)}{item.title}</Button>
- ))}
- </div>
- </AccordionContent>
- </AccordionItem>
- ))}
- </Accordion>
- </>
- );
+ const flow = useReactFlow();
+ const categories = useCategories();
+ const onResourceAdd = useCallback(
+ (item: CategoryItem<NodeType>) => {
+ return () => addResource(item, flow);
+ },
+ [flow],
+ );
+ const [open, setOpen] = useState<string[]>(categories.map((c) => c.title));
+ return (
+ <>
+ <Accordion type="multiple" value={open} onValueChange={(v) => setOpen(v)}>
+ {categories.map((c) => (
+ <AccordionItem key={c.title} value={c.title} className={"px-3" + (c.active ? " bg-amber-100" : "")}>
+ <AccordionTrigger>{c.title}</AccordionTrigger>
+ <AccordionContent>
+ <div className="flex flex-col space-y-1">
+ {c.items.map((item) => (
+ <Button
+ key={item.title}
+ onClick={onResourceAdd(item)}
+ style={{ justifyContent: "flex-start" }}
+ >
+ {Icon(item.type)}
+ {item.title}
+ </Button>
+ ))}
+ </div>
+ </AccordionContent>
+ </AccordionItem>
+ ))}
+ </Accordion>
+ </>
+ );
}