fix(ui): hide nonfunctional delete button on root form element

2026-04-23 03:00:31 -04:00 · 2025-01-25 21:45:12 +11:00
parent b53e36aaaa
commit 4b178fdeca
1 changed files with 11 additions and 9 deletions
--- a/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/FormElementEditModeWrapper.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/FormElementEditModeWrapper.tsx
@@ -83,15 +83,17 @@ export const FormElementEditModeWrapper = memo(
            {getHeaderLabel(element)} ({element.id})
          </Text>
          <Spacer />
-          <IconButton
-            aria-label="delete"
-            onClick={removeElement}
-            icon={<PiXBold />}
-            variant="link"
-            size="sm"
-            alignSelf="stretch"
-            colorScheme="error"
-          />
+          {element.parentId && (
+            <IconButton
+              aria-label="delete"
+              onClick={removeElement}
+              icon={<PiXBold />}
+              variant="link"
+              size="sm"
+              alignSelf="stretch"
+              colorScheme="error"
+            />
+          )}
        </Flex>
        <Flex w="full" p={4} alignItems="center" gap={4}>
          {children}