Canvas: Do not render input on config tab
Change-Id: I5ebe939457610546ae59894958dbac153fcefcdf
diff --git a/apps/canvas/front/src/Config.tsx b/apps/canvas/front/src/Config.tsx
index 9b410e1..137a467 100644
--- a/apps/canvas/front/src/Config.tsx
+++ b/apps/canvas/front/src/Config.tsx
@@ -1,13 +1,25 @@
import { useStateStore } from "./lib/state";
import { generateDodoConfig } from "./lib/config";
import JSONView from "@microlink/react-json-view";
+import { useMemo } from "react";
export function Config() {
const store = useStateStore();
+ const config = useMemo(
+ () => generateDodoConfig(store.projectId, store.nodes, store.env),
+ [store.projectId, store.nodes, store.env],
+ );
+ const cleaned = useMemo(() => {
+ if (config == null) {
+ return null;
+ }
+ const { input: _, ...rest } = config;
+ return rest;
+ }, [config]);
return (
<div className="h-full p-4 bg-muted overflow-auto text-xs">
<JSONView
- src={generateDodoConfig(store.projectId, store.nodes, store.env) as object}
+ src={cleaned as object}
theme="rjv-default"
name={false}
displayDataTypes={false}