github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-02 14:35:14 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): rearrange builder buttons to be less annoying

Browse Source
This commit is contained in:
psychedelicious
2025-02-07 15:37:34 +11:00
parent 498d99c828
commit aed802fa74
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/WorkflowBuilder.tsx
View File

@@ -1,6 +1,6 @@
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
import { Button, ButtonGroup, Flex, Text } from '@invoke-ai/ui-library';
import { Button, ButtonGroup, Flex, Spacer, Text } from '@invoke-ai/ui-library';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import ScrollableContent from 'common/components/OverlayScrollbars/ScrollableContent';
import { firefoxDndFix } from 'features/dnd/util';
@@ -56,11 +56,17 @@ export const WorkflowBuilder = memo(() => {
<AddFormElementDndButton type="divider" />
<AddFormElementDndButton type="heading" />
<AddFormElementDndButton type="text" />
<Button onClick={setToViewMode}>{t('common.view')}</Button>
<Button onClick={resetForm}>{t('common.reset')}</Button>
<Spacer />
<Button onClick={setToViewMode}>{t('common.view')}</Button>
</ButtonGroup>
)}
{mode === 'view' && !isEmpty && (
<ButtonGroup>
<Spacer />
<Button onClick={setToEditMode}>{t('common.edit')}</Button>
</ButtonGroup>
)}
{mode === 'view' && !isEmpty && <Button onClick={setToEditMode}>{t('common.edit')}</Button>}
{!isEmpty && <FormLayout />}
{mode === 'view' && isEmpty && <EmptyStateViewMode />}
{mode === 'edit' && isEmpty && <EmptyStateEditMode />}