swap control layer and raster layer

invoke-ai · Sep 16, 2024 · 4bd7b25 · 4bd7b25
1 parent e019df0
commit 4bd7b25
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx
@@ -67,23 +67,24 @@ export const CanvasAddEntityButtons = memo(() => {
         </Flex>
         <Flex flexDir="column" justifyContent="flex-start" gap={2}>
           <Heading size="xs">{t('controlLayers.layer_other')}</Heading>
+
           <Button
             size="sm"
             variant="ghost"
             justifyContent="flex-start"
             leftIcon={<PiPlusBold />}
-            onClick={addRasterLayer}
+            onClick={addControlLayer}
           >
-            {t('controlLayers.rasterLayer')}
+            {t('controlLayers.controlLayer')}
           </Button>
           <Button
             size="sm"
             variant="ghost"
             justifyContent="flex-start"
             leftIcon={<PiPlusBold />}
-            onClick={addControlLayer}
+            onClick={addRasterLayer}
           >
-            {t('controlLayers.controlLayer')}
+            {t('controlLayers.rasterLayer')}
           </Button>
         </Flex>
       </Flex>

diff --git a/.../frontend/web/src/features/controlLayers/components/CanvasEntityList/CanvasEntityList.tsx b/.../frontend/web/src/features/controlLayers/components/CanvasEntityList/CanvasEntityList.tsx
@@ -14,8 +14,8 @@ export const CanvasEntityList = memo(() => {
         <IPAdapterList />
         <InpaintMaskList />
         <RegionalGuidanceEntityList />
-        <RasterLayerEntityList />
         <ControlLayerEntityList />
+        <RasterLayerEntityList />
       </Flex>
     </ScrollableContent>
   );

diff --git a/...tures/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx b/...tures/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx
@@ -50,12 +50,12 @@ export const EntityListGlobalActionBarAddLayerMenu = memo(() => {
           </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>
+          <MenuItem icon={<PiPlusBold />} onClick={addRasterLayer}>
+            {t('controlLayers.rasterLayer')}
+          </MenuItem>
         </MenuGroup>
       </MenuList>
     </Menu>