feat(ui): get all tabs working w/ new layout

This commit is contained in:
psychedelicious
2025-06-20 11:49:06 +10:00
parent 7f222ffb9d
commit 16993cd216
8 changed files with 288 additions and 54 deletions

View File

@@ -1,7 +1,5 @@
import { Box, Flex } from '@invoke-ai/ui-library';
import { useAppSelector } from 'app/store/storeHooks';
import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
import { selectActiveTab } from 'features/ui/store/uiSelectors';
import { memo } from 'react';
import InvocationCacheStatus from './InvocationCacheStatus';
@@ -11,18 +9,9 @@ import QueueTabQueueControls from './QueueTabQueueControls';
const QueueTabContent = () => {
const isInvocationCacheEnabled = useFeatureStatus('invocationCache');
const activeTabName = useAppSelector(selectActiveTab);
return (
<Flex
display={activeTabName === 'queue' ? undefined : 'none'}
hidden={activeTabName !== 'queue'}
borderRadius="base"
w="full"
h="full"
flexDir="column"
gap={2}
>
<Flex borderRadius="base" w="full" h="full" flexDir="column" gap={2}>
<Flex gap={2} w="full">
<QueueTabQueueControls />
<QueueStatus />