Canvas: No env alias editing when disabled
Change-Id: I15eff626a7b4b84dafa0f56e2a3890e04e18df3f
diff --git a/apps/canvas/front/src/components/node-app.tsx b/apps/canvas/front/src/components/node-app.tsx
index a01709f..a9ceafe 100644
--- a/apps/canvas/front/src/components/node-app.tsx
+++ b/apps/canvas/front/src/components/node-app.tsx
@@ -552,6 +552,9 @@
const editAlias = useCallback(
(e: BoundEnvVar) => {
return () => {
+ if (disabled) {
+ return;
+ }
store.updateNodeData(id, {
...data,
envVars: data.envVars!.map((o) => {
@@ -566,7 +569,7 @@
});
};
},
- [id, data, store],
+ [id, data, store, disabled],
);
const saveAlias = useCallback(
(e: BoundEnvVar, value: string, store: AppState) => {
@@ -645,8 +648,10 @@
<TooltipProvider>
<Tooltip>
<TooltipTrigger className="w-full">
- <div className="w-full flex flex-row items-center gap-1 cursor-text">
- <Pencil className="w-4 h-4" />
+ <div
+ className={`w-full flex flex-row items-center gap-1 ${disabled ? "" : "cursor-text"}`}
+ >
+ {!disabled && <Pencil className="w-4 h-4" />}
<div className="uppercase">{value}</div>
</div>
</TooltipTrigger>