Skip to content

Commit 6113e01

Browse files
author
Attila Cseh
committed
build error fixed
1 parent a45b8de commit 6113e01

File tree

5 files changed

+38
-23
lines changed

5 files changed

+38
-23
lines changed

‎invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerAdjustmentsPanel.tsx‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import {
1313
rasterLayerAdjustmentsReset,
1414
rasterLayerAdjustmentsSet,
1515
} from 'features/controlLayers/store/canvasSlice';
16-
import { selectCanvasSlice, selectEntity } from 'features/controlLayers/store/selectors';
16+
import { selectEntity, selectSelectedCanvas } from 'features/controlLayers/store/selectors';
1717
import React, { memo, useCallback, useMemo } from 'react';
1818
import { useTranslation } from 'react-i18next';
1919
import { PiArrowCounterClockwiseBold, PiCaretDownBold, PiCheckBold, PiTrashBold } from 'react-icons/pi';
@@ -25,30 +25,32 @@ export const RasterLayerAdjustmentsPanel = memo(() => {
2525
const canvasManager = useCanvasManager();
2626

2727
const selectHasAdjustments = useMemo(() => {
28-
return createSelector(selectCanvasSlice, (canvas) => Boolean(selectEntity(canvas, entityIdentifier)?.adjustments));
28+
return createSelector(selectSelectedCanvas, (canvas) =>
29+
Boolean(selectEntity(canvas, entityIdentifier)?.adjustments)
30+
);
2931
}, [entityIdentifier]);
3032

3133
const hasAdjustments = useAppSelector(selectHasAdjustments);
3234

3335
const selectMode = useMemo(() => {
3436
return createSelector(
35-
selectCanvasSlice,
37+
selectSelectedCanvas,
3638
(canvas) => selectEntity(canvas, entityIdentifier)?.adjustments?.mode ?? 'simple'
3739
);
3840
}, [entityIdentifier]);
3941
const mode = useAppSelector(selectMode);
4042

4143
const selectEnabled = useMemo(() => {
4244
return createSelector(
43-
selectCanvasSlice,
45+
selectSelectedCanvas,
4446
(canvas) => selectEntity(canvas, entityIdentifier)?.adjustments?.enabled ?? false
4547
);
4648
}, [entityIdentifier]);
4749
const enabled = useAppSelector(selectEnabled);
4850

4951
const selectCollapsed = useMemo(() => {
5052
return createSelector(
51-
selectCanvasSlice,
53+
selectSelectedCanvas,
5254
(canvas) => selectEntity(canvas, entityIdentifier)?.adjustments?.collapsed ?? false
5355
);
5456
}, [entityIdentifier]);

‎invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerCurvesAdjustmentsEditor.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
55
import { useEntityAdapterContext } from 'features/controlLayers/contexts/EntityAdapterContext';
66
import { useEntityIdentifierContext } from 'features/controlLayers/contexts/EntityIdentifierContext';
77
import { rasterLayerAdjustmentsCurvesUpdated } from 'features/controlLayers/store/canvasSlice';
8-
import { selectCanvasSlice, selectEntity } from 'features/controlLayers/store/selectors';
8+
import { selectEntity, selectSelectedCanvas } from 'features/controlLayers/store/selectors';
99
import type { ChannelName, ChannelPoints, CurvesAdjustmentsConfig } from 'features/controlLayers/store/types';
1010
import { memo, useCallback, useEffect, useMemo, useState } from 'react';
1111
import { useTranslation } from 'react-i18next';
@@ -72,15 +72,15 @@ export const RasterLayerCurvesAdjustmentsEditor = memo(() => {
7272
const { t } = useTranslation();
7373
const selectCurves = useMemo(() => {
7474
return createSelector(
75-
selectCanvasSlice,
75+
selectSelectedCanvas,
7676
(canvas) => selectEntity(canvas, entityIdentifier)?.adjustments?.curves ?? DEFAULT_CURVES
7777
);
7878
}, [entityIdentifier]);
7979
const curves = useAppSelector(selectCurves);
8080

8181
const selectIsDisabled = useMemo(() => {
8282
return createSelector(
83-
selectCanvasSlice,
83+
selectSelectedCanvas,
8484
(canvas) => selectEntity(canvas, entityIdentifier)?.adjustments?.enabled !== true
8585
);
8686
}, [entityIdentifier]);

‎invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerMenuItemsAdjustments.tsx‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,25 @@
11
import { MenuItem } from '@invoke-ai/ui-library';
2+
import { createSelector } from '@reduxjs/toolkit';
23
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
34
import { useEntityIdentifierContext } from 'features/controlLayers/contexts/EntityIdentifierContext';
45
import { rasterLayerAdjustmentsCancel, rasterLayerAdjustmentsSet } from 'features/controlLayers/store/canvasSlice';
6+
import { selectSelectedCanvas } from 'features/controlLayers/store/selectors';
57
import type { CanvasRasterLayerState } from 'features/controlLayers/store/types';
68
import { makeDefaultRasterLayerAdjustments } from 'features/controlLayers/store/util';
7-
import { memo, useCallback } from 'react';
9+
import { memo, useCallback, useMemo } from 'react';
810
import { useTranslation } from 'react-i18next';
911
import { PiSlidersHorizontalBold } from 'react-icons/pi';
1012

1113
export const RasterLayerMenuItemsAdjustments = memo(() => {
1214
const dispatch = useAppDispatch();
1315
const entityIdentifier = useEntityIdentifierContext<'raster_layer'>();
1416
const { t } = useTranslation();
15-
const layer = useAppSelector((s) =>
16-
s.canvas.present.rasterLayers.entities.find((e: CanvasRasterLayerState) => e.id === entityIdentifier.id)
17-
);
17+
const selectRasterLayer = useMemo(() => {
18+
return createSelector(selectSelectedCanvas, (canvas) =>
19+
canvas.rasterLayers.entities.find((e: CanvasRasterLayerState) => e.id === entityIdentifier.id)
20+
);
21+
}, [entityIdentifier]);
22+
const layer = useAppSelector(selectRasterLayer);
1823
const hasAdjustments = Boolean(layer?.adjustments);
1924
const onToggleAdjustmentsPresence = useCallback(() => {
2025
if (hasAdjustments) {

‎invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerSimpleAdjustmentsEditor.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { createSelector } from '@reduxjs/toolkit';
33
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
44
import { useEntityIdentifierContext } from 'features/controlLayers/contexts/EntityIdentifierContext';
55
import { rasterLayerAdjustmentsSimpleUpdated } from 'features/controlLayers/store/canvasSlice';
6-
import { selectCanvasSlice, selectEntity } from 'features/controlLayers/store/selectors';
6+
import { selectEntity, selectSelectedCanvas } from 'features/controlLayers/store/selectors';
77
import type { SimpleAdjustmentsConfig } from 'features/controlLayers/store/types';
88
import React, { memo, useCallback, useMemo } from 'react';
99
import { useTranslation } from 'react-i18next';
@@ -21,7 +21,7 @@ const AdjustmentSliderRow = ({ label, name, onChange, min = -1, max = 1, step =
2121
const entityIdentifier = useEntityIdentifierContext<'raster_layer'>();
2222
const selectValue = useMemo(() => {
2323
return createSelector(
24-
selectCanvasSlice,
24+
selectSelectedCanvas,
2525
(canvas) =>
2626
selectEntity(canvas, entityIdentifier)?.adjustments?.simple?.[name] ?? DEFAULT_SIMPLE_ADJUSTMENTS[name]
2727
);
@@ -54,7 +54,7 @@ export const RasterLayerSimpleAdjustmentsEditor = memo(() => {
5454
const { t } = useTranslation();
5555
const selectIsDisabled = useMemo(() => {
5656
return createSelector(
57-
selectCanvasSlice,
57+
selectSelectedCanvas,
5858
(canvas) => selectEntity(canvas, entityIdentifier)?.adjustments?.enabled !== true
5959
);
6060
}, [entityIdentifier]);

‎invokeai/frontend/web/src/features/controlLayers/store/canvasSlice.ts‎

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -196,7 +196,8 @@ const slice = createSlice({
196196
action: PayloadAction<EntityIdentifierPayload<{ adjustments: RasterLayerAdjustments | null }, 'raster_layer'>>
197197
) => {
198198
const { entityIdentifier, adjustments } = action.payload;
199-
const layer = selectEntity(state, entityIdentifier);
199+
const canvas = getSelectedCanvas(state);
200+
const layer = selectEntity(canvas, entityIdentifier);
200201
if (!layer) {
201202
return;
202203
}
@@ -211,7 +212,8 @@ const slice = createSlice({
211212
},
212213
rasterLayerAdjustmentsReset: (state, action: PayloadAction<EntityIdentifierPayload<void, 'raster_layer'>>) => {
213214
const { entityIdentifier } = action.payload;
214-
const layer = selectEntity(state, entityIdentifier);
215+
const canvas = getSelectedCanvas(state);
216+
const layer = selectEntity(canvas, entityIdentifier);
215217
if (!layer?.adjustments) {
216218
return;
217219
}
@@ -220,7 +222,8 @@ const slice = createSlice({
220222
},
221223
rasterLayerAdjustmentsCancel: (state, action: PayloadAction<EntityIdentifierPayload<void, 'raster_layer'>>) => {
222224
const { entityIdentifier } = action.payload;
223-
const layer = selectEntity(state, entityIdentifier);
225+
const canvas = getSelectedCanvas(state);
226+
const layer = selectEntity(canvas, entityIdentifier);
224227
if (!layer) {
225228
return;
226229
}
@@ -231,7 +234,8 @@ const slice = createSlice({
231234
action: PayloadAction<EntityIdentifierPayload<{ mode: 'simple' | 'curves' }, 'raster_layer'>>
232235
) => {
233236
const { entityIdentifier, mode } = action.payload;
234-
const layer = selectEntity(state, entityIdentifier);
237+
const canvas = getSelectedCanvas(state);
238+
const layer = selectEntity(canvas, entityIdentifier);
235239
if (!layer?.adjustments) {
236240
return;
237241
}
@@ -242,7 +246,8 @@ const slice = createSlice({
242246
action: PayloadAction<EntityIdentifierPayload<{ simple: Partial<SimpleAdjustmentsConfig> }, 'raster_layer'>>
243247
) => {
244248
const { entityIdentifier, simple } = action.payload;
245-
const layer = selectEntity(state, entityIdentifier);
249+
const canvas = getSelectedCanvas(state);
250+
const layer = selectEntity(canvas, entityIdentifier);
246251
if (!layer?.adjustments) {
247252
return;
248253
}
@@ -253,7 +258,8 @@ const slice = createSlice({
253258
action: PayloadAction<EntityIdentifierPayload<{ channel: ChannelName; points: ChannelPoints }, 'raster_layer'>>
254259
) => {
255260
const { entityIdentifier, channel, points } = action.payload;
256-
const layer = selectEntity(state, entityIdentifier);
261+
const canvas = getSelectedCanvas(state);
262+
const layer = selectEntity(canvas, entityIdentifier);
257263
if (!layer?.adjustments) {
258264
return;
259265
}
@@ -264,7 +270,8 @@ const slice = createSlice({
264270
action: PayloadAction<EntityIdentifierPayload<void, 'raster_layer'>>
265271
) => {
266272
const { entityIdentifier } = action.payload;
267-
const layer = selectEntity(state, entityIdentifier);
273+
const canvas = getSelectedCanvas(state);
274+
const layer = selectEntity(canvas, entityIdentifier);
268275
if (!layer?.adjustments) {
269276
return;
270277
}
@@ -275,7 +282,8 @@ const slice = createSlice({
275282
action: PayloadAction<EntityIdentifierPayload<void, 'raster_layer'>>
276283
) => {
277284
const { entityIdentifier } = action.payload;
278-
const layer = selectEntity(state, entityIdentifier);
285+
const canvas = getSelectedCanvas(state);
286+
const layer = selectEntity(canvas, entityIdentifier);
279287
if (!layer?.adjustments) {
280288
return;
281289
}

0 commit comments

Comments
 (0)