diff --git a/invokeai/frontend/web/src/features/queue/components/QueueCountBadge.tsx b/invokeai/frontend/web/src/features/queue/components/QueueCountBadge.tsx index 7af8739d9a4..91e0defc17f 100644 --- a/invokeai/frontend/web/src/features/queue/components/QueueCountBadge.tsx +++ b/invokeai/frontend/web/src/features/queue/components/QueueCountBadge.tsx @@ -1,9 +1,6 @@ import { Badge, Portal } from '@invoke-ai/ui-library'; import { useStore } from '@nanostores/react'; -import { createSelector } from '@reduxjs/toolkit'; -import { useAppSelector } from 'app/store/storeHooks'; -import { selectActiveTab } from 'features/ui/store/uiSelectors'; -import { $isLeftPanelOpen, TABS_WITH_LEFT_PANEL } from 'features/ui/store/uiSlice'; +import { $isLeftPanelOpen } from 'features/ui/store/uiSlice'; import type { RefObject } from 'react'; import { memo, useEffect, useState } from 'react'; import { useGetQueueStatusQuery } from 'services/api/endpoints/queue'; @@ -12,13 +9,8 @@ type Props = { targetRef: RefObject; }; -const selectActiveTabShouldShowBadge = createSelector(selectActiveTab, (activeTab) => - TABS_WITH_LEFT_PANEL.includes(activeTab) -); - export const QueueCountBadge = memo(({ targetRef }: Props) => { const [badgePos, setBadgePos] = useState<{ x: string; y: string } | null>(null); - const activeTabShouldShowBadge = useAppSelector(selectActiveTabShouldShowBadge); const isParametersPanelOpen = useStore($isLeftPanelOpen); const { queueSize } = useGetQueueStatusQuery(undefined, { selectFromResult: (res) => ({ @@ -64,9 +56,6 @@ export const QueueCountBadge = memo(({ targetRef }: Props) => { if (!isParametersPanelOpen) { return null; } - if (!activeTabShouldShowBadge) { - return null; - } return (