Canvas: Refactor NodeDetails signature
Change-Id: I78a07b130089e50df9524de0895210528b3e09b3
diff --git a/apps/canvas/front/src/components/node-details.tsx b/apps/canvas/front/src/components/node-details.tsx
index d120c76..39ae059 100644
--- a/apps/canvas/front/src/components/node-details.tsx
+++ b/apps/canvas/front/src/components/node-details.tsx
@@ -7,34 +7,30 @@
import { NodeGithubDetails } from "./node-github";
import { NodeGatewayTCPDetails } from "./node-gateway-tcp";
-type NodeDetailsProps = AppNode & {
- disabled?: boolean;
-};
-
-export function NodeDetails(props: NodeDetailsProps) {
+export function NodeDetails({ node, disabled }: { node: AppNode; disabled?: boolean }) {
return (
<div className="px-1 flex flex-col gap-2">
- <NodeDetailsImpl {...props} />
+ <NodeDetailsImpl node={node} disabled={disabled} />
</div>
);
}
-function NodeDetailsImpl(props: NodeDetailsProps) {
- switch (props.type) {
+function NodeDetailsImpl({ node, disabled }: { node: AppNode; disabled?: boolean }) {
+ switch (node.type) {
case "app":
- return <NodeAppDetails node={props} disabled={props.disabled} />;
+ return <NodeAppDetails node={node} disabled={disabled} />;
case "gateway-https":
- return <NodeGatewayHttpsDetails {...props} />;
+ return <NodeGatewayHttpsDetails node={node} disabled={disabled} />;
case "gateway-tcp":
- return <NodeGatewayTCPDetails {...props} />;
+ return <NodeGatewayTCPDetails node={node} disabled={disabled} />;
case "volume":
- return <NodeVolumeDetails {...props} />;
+ return <NodeVolumeDetails node={node} disabled={disabled} />;
case "postgresql":
- return <NodePostgreSQLDetails {...props} />;
+ return <NodePostgreSQLDetails node={node} disabled={disabled} />;
case "mongodb":
- return <NodeMongoDBDetails {...props} />;
+ return <NodeMongoDBDetails node={node} disabled={disabled} />;
case "github":
- return <NodeGithubDetails {...props} />;
+ return <NodeGithubDetails node={node} disabled={disabled} />;
default:
return <>nooo</>;
}