diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasNonRasterLayersIsHiddenToggle.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasNonRasterLayersIsHiddenToggle.tsx index e95903e167..d65ba60fac 100644 --- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasNonRasterLayersIsHiddenToggle.tsx +++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasNonRasterLayersIsHiddenToggle.tsx @@ -11,7 +11,7 @@ export const EntityListNonRasterLayerToggle = memo(() => { const { t } = useTranslation(); const dispatch = useAppDispatch(); const isHidden = useNonRasterLayersIsHidden(); - + const onClick = useCallback( (e) => { e.stopPropagation(); @@ -33,4 +33,4 @@ export const EntityListNonRasterLayerToggle = memo(() => { ); }); -EntityListNonRasterLayerToggle.displayName = 'EntityListNonRasterLayerToggle'; \ No newline at end of file +EntityListNonRasterLayerToggle.displayName = 'EntityListNonRasterLayerToggle'; diff --git a/invokeai/frontend/web/src/features/controlLayers/hooks/useCanvasToggleNonRasterLayersHotkey.ts b/invokeai/frontend/web/src/features/controlLayers/hooks/useCanvasToggleNonRasterLayersHotkey.ts index e2a0291afe..5dd2f353c6 100644 --- a/invokeai/frontend/web/src/features/controlLayers/hooks/useCanvasToggleNonRasterLayersHotkey.ts +++ b/invokeai/frontend/web/src/features/controlLayers/hooks/useCanvasToggleNonRasterLayersHotkey.ts @@ -16,4 +16,4 @@ export const useCanvasToggleNonRasterLayersHotkey = () => { callback: handleToggleNonRasterLayers, dependencies: [handleToggleNonRasterLayers], }); -}; \ No newline at end of file +}; diff --git a/invokeai/frontend/web/src/features/controlLayers/hooks/useNonRasterLayersIsHidden.ts b/invokeai/frontend/web/src/features/controlLayers/hooks/useNonRasterLayersIsHidden.ts index 71dcc654a5..737bc20a3e 100644 --- a/invokeai/frontend/web/src/features/controlLayers/hooks/useNonRasterLayersIsHidden.ts +++ b/invokeai/frontend/web/src/features/controlLayers/hooks/useNonRasterLayersIsHidden.ts @@ -3,4 +3,4 @@ import { selectNonRasterLayersIsHidden } from 'features/controlLayers/store/sele export const useNonRasterLayersIsHidden = (): boolean => { return useAppSelector(selectNonRasterLayersIsHidden); -}; \ No newline at end of file +}; diff --git a/invokeai/frontend/web/src/features/controlLayers/store/canvasSlice.ts b/invokeai/frontend/web/src/features/controlLayers/store/canvasSlice.ts index 33f4d93a0b..952eaf401f 100644 --- a/invokeai/frontend/web/src/features/controlLayers/store/canvasSlice.ts +++ b/invokeai/frontend/web/src/features/controlLayers/store/canvasSlice.ts @@ -1540,13 +1540,11 @@ export const canvasSlice = createSlice({ } }, allNonRasterLayersIsHiddenToggled: (state) => { - const hasVisibleNonRasterLayers = - !state.controlLayers.isHidden || - !state.inpaintMasks.isHidden || - !state.regionalGuidance.isHidden; - + const hasVisibleNonRasterLayers = + !state.controlLayers.isHidden || !state.inpaintMasks.isHidden || !state.regionalGuidance.isHidden; + const shouldHide = hasVisibleNonRasterLayers; - + state.controlLayers.isHidden = shouldHide; state.inpaintMasks.isHidden = shouldHide; state.regionalGuidance.isHidden = shouldHide;