diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/WorkflowBuilder.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/WorkflowBuilder.tsx index a94d9e8efa..0265269cc7 100644 --- a/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/WorkflowBuilder.tsx +++ b/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/WorkflowBuilder.tsx @@ -11,7 +11,7 @@ import { useRootDnd, } from 'features/nodes/components/sidePanel/builder/dnd'; import { getEditModeWrapperId } from 'features/nodes/components/sidePanel/builder/shared'; -import { formReset, selectFormIsEmpty, selectFormLayout, selectWorkflowMode } from 'features/nodes/store/workflowSlice'; +import { formReset, selectFormIsEmpty, selectFormLayout } from 'features/nodes/store/workflowSlice'; import type { FormElement } from 'features/nodes/types/workflow'; import { buildContainer, buildDivider, buildHeading, buildText } from 'features/nodes/types/workflow'; import { startCase } from 'lodash-es'; @@ -22,7 +22,6 @@ import { assert } from 'tsafe'; export const WorkflowBuilder = memo(() => { const { t } = useTranslation(); - const mode = useAppSelector(selectWorkflowMode); const dispatch = useAppDispatch(); const isEmpty = useAppSelector(selectFormIsEmpty); useBuilderDndMonitor(); @@ -35,18 +34,16 @@ export const WorkflowBuilder = memo(() => { - {mode === 'edit' && ( - - - - - - - - - )} + + + + + + + + {!isEmpty && } - {mode === 'edit' && isEmpty && } + {isEmpty && }