Canvas: Disable all inputs during non-edit mode
Change-Id: Ifca28e7cb78cb38175d5463311ff3d5006d412f8
diff --git a/apps/canvas/front/src/components/node-volume.tsx b/apps/canvas/front/src/components/node-volume.tsx
index 80d8c99..3118681 100644
--- a/apps/canvas/front/src/components/node-volume.tsx
+++ b/apps/canvas/front/src/components/node-volume.tsx
@@ -39,7 +39,7 @@
size: z.string().min(1).default("1Gi"),
});
-export function NodeVolumeDetails({ id, data }: VolumeNode) {
+export function NodeVolumeDetails({ id, data, disabled }: VolumeNode & { disabled?: boolean }) {
const store = useStateStore();
const form = useForm<z.infer<typeof schema>>({
resolver: zodResolver(schema),
@@ -86,7 +86,7 @@
render={({ field }) => (
<FormItem>
<FormControl>
- <Input placeholder="name" {...field} />
+ <Input placeholder="name" {...field} disabled={disabled} />
</FormControl>
<FormMessage />
</FormItem>
@@ -97,7 +97,7 @@
name="type"
render={({ field }) => (
<FormItem>
- <Select onValueChange={field.onChange} defaultValue={field.value}>
+ <Select onValueChange={field.onChange} defaultValue={field.value} disabled={disabled}>
<FormControl>
<SelectTrigger>
<SelectValue placeholder="Volume Type" />
@@ -121,7 +121,7 @@
render={({ field }) => (
<FormItem>
<FormControl>
- <Input placeholder="size" {...field} />
+ <Input placeholder="size" {...field} disabled={disabled} />
</FormControl>
<FormMessage />
</FormItem>