github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add sections to add layer menu

Browse Source
This commit is contained in:
psychedelicious
2024-09-16 12:28:11 +10:00
committed by Kent Keirsey
parent 79683479fc
commit 2d20e9612c
6 changed files with 28 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/public/locales/en.json
View File

@@ -1664,6 +1664,8 @@
"storeNotInitialized": "Store is not initialized"
},
"controlLayers": {
"regional": "Regional",
"global": "Global",
"canvas": "Canvas",
"bookmark": "Bookmark for Quick Switch",
"fitBboxToLayers": "Fit Bbox To Layers",

2
invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx
View File

@@ -34,7 +34,7 @@ export const CanvasAddEntityButtons = memo(() => {
{t('controlLayers.controlLayer')}
</Button>
<Button variant="ghost" justifyContent="flex-start" leftIcon={<PiPlusBold />} onClick={addIPAdapter}>
{t('controlLayers.globalIPAdapter')}
{t('controlLayers.ipAdapter')}
</Button>
</ButtonGroup>
</Flex>

38
invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx
View File

@@ -1,4 +1,4 @@
import { IconButton, Menu, MenuButton, MenuItem, MenuList } from '@invoke-ai/ui-library';
import { IconButton, Menu, MenuButton, MenuGroup, MenuItem, MenuList } from '@invoke-ai/ui-library';
import {
useAddControlLayer,
useAddInpaintMask,
@@ -31,21 +31,27 @@ export const EntityListGlobalActionBarAddLayerMenu = memo(() => {
data-testid="control-layers-add-layer-menu-button"
/>
<MenuList>
<MenuItem icon={<PiPlusBold />} onClick={addInpaintMask}>
{t('controlLayers.inpaintMask')}
</MenuItem>
<MenuItem icon={<PiPlusBold />} onClick={addRegionalGuidance}>
{t('controlLayers.regionalGuidance')}
</MenuItem>
<MenuItem icon={<PiPlusBold />} onClick={addRasterLayer}>
{t('controlLayers.rasterLayer')}
</MenuItem>
<MenuItem icon={<PiPlusBold />} onClick={addControlLayer}>
{t('controlLayers.controlLayer')}
</MenuItem>
<MenuItem icon={<PiPlusBold />} onClick={addIPAdapter}>
{t('controlLayers.globalIPAdapter')}
</MenuItem>
<MenuGroup title={t('controlLayers.global')}>
<MenuItem icon={<PiPlusBold />} onClick={addIPAdapter}>
{t('controlLayers.ipAdapter')}
</MenuItem>
</MenuGroup>
<MenuGroup title={t('controlLayers.regional')}>
<MenuItem icon={<PiPlusBold />} onClick={addInpaintMask}>
{t('controlLayers.inpaintMask')}
</MenuItem>
<MenuItem icon={<PiPlusBold />} onClick={addRegionalGuidance}>
{t('controlLayers.regionalGuidance')}
</MenuItem>
</MenuGroup>
<MenuGroup title={t('controlLayers.layer_other')}>
<MenuItem icon={<PiPlusBold />} onClick={addRasterLayer}>
{t('controlLayers.rasterLayer')}
</MenuItem>
<MenuItem icon={<PiPlusBold />} onClick={addControlLayer}>
{t('controlLayers.controlLayer')}
</MenuItem>
</MenuGroup>
</MenuList>
</Menu>
);

2
invokeai/frontend/web/src/features/controlLayers/hooks/useEntityTitle.ts
View File

@@ -33,7 +33,7 @@ export const useEntityTitle = (entityIdentifier: CanvasEntityIdentifier) => {
case 'raster_layer':
return t('controlLayers.rasterLayer');
case 'ip_adapter':
return t('controlLayers.globalIPAdapter');
return t('controlLayers.ipAdapter');
case 'regional_guidance':
return t('controlLayers.regionalGuidance');
default:

2
invokeai/frontend/web/src/features/controlLayers/hooks/useEntityTypeString.ts
View File

@@ -16,7 +16,7 @@ export const useEntityTypeString = (type: CanvasEntityIdentifier['type'], plural
case 'regional_guidance':
return plural ? t('controlLayers.regionalGuidance_withCount_other') : t('controlLayers.regionalGuidance');
case 'ip_adapter':
return plural ? t('controlLayers.globalIPAdapter_withCount_other') : t('controlLayers.globalIPAdapter');
return plural ? t('controlLayers.ipAdapter_withCount_other') : t('controlLayers.ipAdapter');
default:
return '';
}

2
invokeai/frontend/web/src/features/controlLayers/hooks/useEntityTypeTitle.ts
View File

@@ -22,7 +22,7 @@ export const useEntityTypeTitle = (type: CanvasEntityIdentifier['type']): string
case 'regional_guidance':
return t('controlLayers.regionalGuidance_withCount', { count, context });
case 'ip_adapter':
return t('controlLayers.globalIPAdapters_withCount', { count, context });
return t('controlLayers.ipAdapters_withCount', { count, context });
default:
return '';
}