Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

tidy(ui): clearer component names for inpaint mask

Browse Source
This commit is contained in:
psychedelicious 2024-08-07 17:50:27 +10:00
parent 6a432f6518
commit 594da60f2f
5 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,7 @@
import { Flex } from '@invoke-ai/ui-library';
import ScrollableContent from 'common/components/OverlayScrollbars/ScrollableContent';
import { ControlAdapterList } from 'features/controlLayers/components/ControlAdapter/ControlAdapterList';
import { IM } from 'features/controlLayers/components/InpaintMask/IM';
import { InpaintMask } from 'features/controlLayers/components/InpaintMask/InpaintMask';
import { IPAEntityList } from 'features/controlLayers/components/IPAdapter/IPAEntityList';
import { LayerEntityList } from 'features/controlLayers/components/Layer/LayerEntityList';
import { RGEntityList } from 'features/controlLayers/components/RegionalGuidance/RGEntityList';
@ -12,7 +12,7 @@ export const CanvasEntityList = memo(() => {
return (
<ScrollableContent>
<Flex flexDir="column" gap={2} data-testid="control-layers-layer-list">
<IM />
<InpaintMask />
<RGEntityList />
<ControlAdapterList />
<IPAEntityList />

16
invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/IM.tsx → invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/InpaintMask.tsx
View File

@ -3,15 +3,15 @@ import { CanvasEntityContainer } from 'features/controlLayers/components/common/
import { CanvasEntityEnabledToggle } from 'features/controlLayers/components/common/CanvasEntityEnabledToggle';
import { CanvasEntityHeader } from 'features/controlLayers/components/common/CanvasEntityHeader';
import { CanvasEntityTitle } from 'features/controlLayers/components/common/CanvasEntityTitle';
import { IMActionsMenu } from 'features/controlLayers/components/InpaintMask/IMActionsMenu';
import { IMSettings } from 'features/controlLayers/components/InpaintMask/IMSettings';
import { InpaintMaskActionsMenu } from 'features/controlLayers/components/InpaintMask/InpaintMaskActionsMenu';
import { InpaintMaskSettings } from 'features/controlLayers/components/InpaintMask/InpaintMaskSettings';
import { EntityIdentifierContext } from 'features/controlLayers/contexts/EntityIdentifierContext';
import type { CanvasEntityIdentifier } from 'features/controlLayers/store/types';
import { memo, useMemo } from 'react';
import { IMMaskFillColorPicker } from './IMMaskFillColorPicker';
import { InpaintMaskMaskFillColorPicker } from './InpaintMaskMaskFillColorPicker';
export const IM = memo(() => {
export const InpaintMask = memo(() => {
const entityIdentifier = useMemo<CanvasEntityIdentifier>(() => ({ id: 'inpaint_mask', type: 'inpaint_mask' }), []);
const { isOpen, onToggle } = useDisclosure({ defaultIsOpen: false });
return (
@ -21,13 +21,13 @@ export const IM = memo(() => {
<CanvasEntityEnabledToggle />
<CanvasEntityTitle />
<Spacer />
<IMMaskFillColorPicker />
<IMActionsMenu />
<InpaintMaskMaskFillColorPicker />
<InpaintMaskActionsMenu />
</CanvasEntityHeader>
{isOpen && <IMSettings />}
{isOpen && <InpaintMaskSettings />}
</CanvasEntityContainer>
</EntityIdentifierContext.Provider>
);
});
IM.displayName = 'IM';
InpaintMask.displayName = 'InpaintMask';

4
invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/IMActionsMenu.tsx → invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/InpaintMaskActionsMenu.tsx
View File

@ -3,7 +3,7 @@ import { CanvasEntityActionMenuItems } from 'features/controlLayers/components/c
import { CanvasEntityMenuButton } from 'features/controlLayers/components/common/CanvasEntityMenuButton';
import { memo } from 'react';
export const IMActionsMenu = memo(() => {
export const InpaintMaskActionsMenu = memo(() => {
return (
<Menu>
<CanvasEntityMenuButton />
@ -14,4 +14,4 @@ export const IMActionsMenu = memo(() => {
);
});
IMActionsMenu.displayName = 'IMActionsMenu';
InpaintMaskActionsMenu.displayName = 'InpaintMaskActionsMenu';

4
invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/IMMaskFillColorPicker.tsx → invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/InpaintMaskMaskFillColorPicker.tsx
View File

@ -8,7 +8,7 @@ import { memo, useCallback } from 'react';
import type { RgbColor } from 'react-colorful';
import { useTranslation } from 'react-i18next';
export const IMMaskFillColorPicker = memo(() => {
export const InpaintMaskMaskFillColorPicker = memo(() => {
const { t } = useTranslation();
const dispatch = useAppDispatch();
const fill = useAppSelector((s) => s.canvasV2.inpaintMask.fill);
@ -43,4 +43,4 @@ export const IMMaskFillColorPicker = memo(() => {
);
});
IMMaskFillColorPicker.displayName = 'IMMaskFillColorPicker';
InpaintMaskMaskFillColorPicker.displayName = 'InpaintMaskMaskFillColorPicker';

4
invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/IMSettings.tsx → invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/InpaintMaskSettings.tsx
View File

@ -1,8 +1,8 @@
import { CanvasEntitySettings } from 'features/controlLayers/components/common/CanvasEntitySettings';
import { memo } from 'react';
export const IMSettings = memo(() => {
export const InpaintMaskSettings = memo(() => {
return <CanvasEntitySettings>PLACEHOLDER</CanvasEntitySettings>;
});
IMSettings.displayName = 'IMSettings';
InpaintMaskSettings.displayName = 'InpaintMaskSettings';