github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

chore(ui): delete unused files

Browse Source
This commit is contained in:
psychedelicious
2023-11-13 08:43:27 +11:00
parent 71e298b722
commit 5eaea9dd64
81 changed files with 0 additions and 2780 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
invokeai/frontend/web/src/features/queue/components/CurrentQueueItemCard.tsx
View File

@@ -1,18 +0,0 @@
import { memo } from 'react';
import QueueItemCard from './common/QueueItemCard';
import { useGetCurrentQueueItemQuery } from 'services/api/endpoints/queue';
import { useTranslation } from 'react-i18next';
const CurrentQueueItemCard = () => {
const { t } = useTranslation();
const { data: currentQueueItemData } = useGetCurrentQueueItemQuery();
return (
<QueueItemCard
label={t('queue.current')}
session_queue_item={currentQueueItemData}
/>
);
};
export default memo(CurrentQueueItemCard);

18
invokeai/frontend/web/src/features/queue/components/NextQueueItemCard.tsx
View File

@@ -1,18 +0,0 @@
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { useGetNextQueueItemQuery } from 'services/api/endpoints/queue';
import QueueItemCard from './common/QueueItemCard';
const NextQueueItemCard = () => {
const { t } = useTranslation();
const { data: nextQueueItemData } = useGetNextQueueItemQuery();
return (
<QueueItemCard
label={t('queue.next')}
session_queue_item={nextQueueItemData}
/>
);
};
export default memo(NextQueueItemCard);

41
invokeai/frontend/web/src/features/queue/components/QueueList/QueueItemSkeleton.tsx
View File

@@ -1,41 +0,0 @@
import { Flex, Skeleton } from '@chakra-ui/react';
import { memo } from 'react';
import { COLUMN_WIDTHS } from './constants';
const QueueItemSkeleton = () => {
return (
<Flex alignItems="center" p={1.5} gap={4} minH={9} h="full" w="full">
<Flex
w={COLUMN_WIDTHS.number}
justifyContent="flex-end"
alignItems="center"
>
<Skeleton w="full" h="full">
&nbsp;
</Skeleton>
</Flex>
<Flex w={COLUMN_WIDTHS.statusBadge} alignItems="center">
<Skeleton w="full" h="full">
&nbsp;
</Skeleton>
</Flex>
<Flex w={COLUMN_WIDTHS.time} alignItems="center">
<Skeleton w="full" h="full">
&nbsp;
</Skeleton>
</Flex>
<Flex w={COLUMN_WIDTHS.batchId} alignItems="center">
<Skeleton w="full" h="full">
&nbsp;
</Skeleton>
</Flex>
<Flex w={COLUMN_WIDTHS.fieldValues} alignItems="center" flexGrow={1}>
<Skeleton w="full" h="full">
&nbsp;
</Skeleton>
</Flex>
</Flex>
);
};
export default memo(QueueItemSkeleton);

54
invokeai/frontend/web/src/features/queue/components/QueueStatusCard.tsx
View File

@@ -1,54 +0,0 @@
import { Flex, Heading, Text } from '@chakra-ui/react';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { useGetQueueStatusQuery } from 'services/api/endpoints/queue';
const QueueStatusCard = () => {
const { t } = useTranslation();
const { data: queueStatus } = useGetQueueStatusQuery();
return (
<Flex
layerStyle="second"
borderRadius="base"
p={2}
flexDir="column"
gap={1}
w={96}
>
<Heading size="md">{t('queue.status')}</Heading>
<Text>
<Text as="span" fontWeight={600}>
{t('queue.pending')}:{' '}
</Text>
{queueStatus?.queue.pending}
</Text>
<Text>
<Text as="span" fontWeight={600}>
{t('queue.in_progress')}:{' '}
</Text>
{queueStatus?.queue.in_progress}
</Text>
<Text>
<Text as="span" fontWeight={600}>
{t('queue.completed')}:{' '}
</Text>
{queueStatus?.queue.completed}
</Text>
<Text>
<Text as="span" fontWeight={600}>
{t('queue.failed')}:{' '}
</Text>
{queueStatus?.queue.failed}
</Text>
<Text>
<Text as="span" fontWeight={600}>
{t('queue.canceled')}:{' '}
</Text>
{queueStatus?.queue.canceled}
</Text>
</Flex>
);
};
export default memo(QueueStatusCard);

52
invokeai/frontend/web/src/features/queue/components/common/QueueItemCard.tsx
View File

@@ -1,52 +0,0 @@
import { Flex, Heading, Text, Tooltip } from '@chakra-ui/react';
import ScrollableContent from 'features/nodes/components/sidePanel/ScrollableContent';
import { memo } from 'react';
import { components } from 'services/api/schema';
const QueueItemCard = ({
session_queue_item,
label,
}: {
session_queue_item?: components['schemas']['SessionQueueItem'] | null;
label: string;
}) => {
return (
<Flex
layerStyle="second"
borderRadius="base"
w="full"
p={2}
flexDir="column"
gap={1}
>
<Flex justifyContent="space-between" alignItems="flex-start">
<Heading size="md">{label}</Heading>
{session_queue_item && (
<Tooltip label="Batch ID" placement="top" hasArrow>
<Text fontSize="xs">{session_queue_item.batch_id}</Text>
</Tooltip>
)}
</Flex>
{session_queue_item && (
<ScrollableContent>
<Text>Batch Values: </Text>
{session_queue_item.field_values &&
session_queue_item.field_values
.filter((v) => v.node_path !== 'metadata_accumulator')
.map(({ node_path, field_name, value }) => (
<Text
key={`${session_queue_item.item_id}.${node_path}.${field_name}.${value}`}
>
<Text as="span" fontWeight={600}>
{node_path}.{field_name}
</Text>
: {value}
</Text>
))}
</ScrollableContent>
)}
</Flex>
);
};
export default memo(QueueItemCard);

28
invokeai/frontend/web/src/features/queue/components/common/QueueStatusDot.tsx
View File

@@ -1,28 +0,0 @@
import { Box } from '@chakra-ui/react';
import { memo, useMemo } from 'react';
import { SessionQueueItemStatus } from 'services/api/endpoints/queue';
const STATUSES = {
pending: { colorScheme: 'cyan', translationKey: 'queue.pending' },
in_progress: { colorScheme: 'yellow', translationKey: 'queue.in_progress' },
completed: { colorScheme: 'green', translationKey: 'queue.completed' },
failed: { colorScheme: 'red', translationKey: 'queue.failed' },
canceled: { colorScheme: 'orange', translationKey: 'queue.canceled' },
};
const QueueStatusDot = ({ status }: { status: SessionQueueItemStatus }) => {
const sx = useMemo(
() => ({
w: 2,
h: 2,
bg: `${STATUSES[status].colorScheme}.${500}`,
_dark: {
bg: `${STATUSES[status].colorScheme}.${400}`,
},
borderRadius: '100%',
}),
[status]
);
return <Box sx={sx} />;
};
export default memo(QueueStatusDot);