Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): change queue icon

Browse Source
This commit is contained in:
psychedelicious 2023-12-29 08:47:03 +11:00 committed by Kent Keirsey
parent 1b3bb932b9
commit ed96c40239
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
invokeai/frontend/web/src/features/queue/components/QueueActionsMenuButton.tsx
View File

@ -10,7 +10,8 @@ import { usePauseProcessor } from 'features/queue/hooks/usePauseProcessor';
import { useResumeProcessor } from 'features/queue/hooks/useResumeProcessor'; import { useResumeProcessor } from 'features/queue/hooks/useResumeProcessor';
import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus'; import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { FaPause, FaPlay, FaStream, FaTimes } from 'react-icons/fa'; import { FaPause, FaPlay, FaTimes } from 'react-icons/fa';
import { FaList } from 'react-icons/fa6';
import { useGetQueueStatusQuery } from 'services/api/endpoints/queue'; import { useGetQueueStatusQuery } from 'services/api/endpoints/queue';
export const QueueActionsMenuButton = () => { export const QueueActionsMenuButton = () => {
@ -52,7 +53,7 @@ export const QueueActionsMenuButton = () => {
<InvMenuButton <InvMenuButton
as={InvIconButton} as={InvIconButton}
aria-label="Queue Actions Menu" aria-label="Queue Actions Menu"
icon={<FaStream />} icon={<FaList />}
/> />
<InvMenuList> <InvMenuList>
<InvMenuItem <InvMenuItem

6
invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
View File

@ -25,8 +25,8 @@ import type { MouseEvent, ReactElement, ReactNode } from 'react';
import { memo, useCallback, useMemo } from 'react'; import { memo, useCallback, useMemo } from 'react';
import { useHotkeys } from 'react-hotkeys-hook'; import { useHotkeys } from 'react-hotkeys-hook';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { FaCube, FaFont, FaImage, FaStream } from 'react-icons/fa'; import { FaCube, FaFont, FaImage } from 'react-icons/fa';
import { FaCircleNodes } from 'react-icons/fa6'; import { FaCircleNodes, FaList } from 'react-icons/fa6';
import { MdGridOn } from 'react-icons/md'; import { MdGridOn } from 'react-icons/md';
import { Panel, PanelGroup } from 'react-resizable-panels'; import { Panel, PanelGroup } from 'react-resizable-panels';
@ -81,7 +81,7 @@ const tabs: InvokeTabInfo[] = [
{ {
id: 'queue', id: 'queue',
translationKey: 'queue.queue', translationKey: 'queue.queue',
icon: <FaStream />, icon: <FaList />,
content: <QueueTab />, content: <QueueTab />,
}, },
]; ];