This commit is contained in:
Mary Hipp
2024-09-19 15:35:12 -04:00
committed by psychedelicious
parent 168d8cbaa0
commit 47c8212199
4 changed files with 12 additions and 11 deletions

View File

@@ -1,4 +1,4 @@
import { Flex, UnorderedList, ListItem, Icon, Text } from '@invoke-ai/ui-library';
import { Flex, Icon, ListItem, Text, UnorderedList } from '@invoke-ai/ui-library';
import { useTranslation } from 'react-i18next';
import { PiArrowSquareOutBold } from 'react-icons/pi';

View File

@@ -10,13 +10,14 @@ import {
PopoverHeader,
PopoverTrigger,
} from '@invoke-ai/ui-library';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import { shouldShowNotificationIndicatorChanged } from 'features/ui/store/uiSlice';
import InvokeSymbol from 'public/assets/images/invoke-favicon.png';
import { useTranslation } from 'react-i18next';
import { useAppDispatch, useAppSelector } from '../../../app/store/storeHooks';
import { PiLightbulbFilamentBold } from 'react-icons/pi';
import { CanvasV2Announcement } from './canvasV2Announcement';
import { useCallback } from 'react';
import { shouldShowNotificationIndicatorChanged } from '../store/uiSlice';
import { useTranslation } from 'react-i18next';
import { PiLightbulbFilamentBold } from 'react-icons/pi';
import { CanvasV2Announcement } from './CanvasV2Announcement';
export const Notifications = () => {
const { t } = useTranslation();
@@ -40,7 +41,7 @@ export const Notifications = () => {
<Box
pos="absolute"
top={0}
right={'2px'}
right="2px"
w={2}
h={2}
backgroundColor="invokeYellow.500"

View File

@@ -9,8 +9,8 @@ import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { PiBoundingBoxBold, PiCubeBold, PiFlowArrowBold, PiFrameCornersBold, PiQueueBold } from 'react-icons/pi';
import { TabButton } from './TabButton';
import { Notifications } from './Notifications';
import { TabButton } from './TabButton';
export const VerticalNavBar = memo(() => {
const { t } = useTranslation();

View File

@@ -13,7 +13,7 @@ const initialUIState: UIState = {
shouldShowProgressInViewer: true,
accordions: {},
expanders: {},
shouldShowNotificationIndicator: true
shouldShowNotificationIndicator: true,
};
export const uiSlice = createSlice({
@@ -38,7 +38,7 @@ export const uiSlice = createSlice({
state.expanders[id] = isOpen;
},
shouldShowNotificationIndicatorChanged: (state, action: PayloadAction<boolean>) => {
state.shouldShowNotificationIndicator = action.payload
state.shouldShowNotificationIndicator = action.payload;
},
},
extraReducers(builder) {
@@ -54,7 +54,7 @@ export const {
setShouldShowProgressInViewer,
accordionStateChanged,
expanderStateChanged,
shouldShowNotificationIndicatorChanged
shouldShowNotificationIndicatorChanged,
} = uiSlice.actions;
export const selectUiSlice = (state: RootState) => state.ui;