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

fix(ui): floating params panel invoke button loading state

Browse Source
This commit is contained in:
psychedelicious 2024-08-29 08:42:22 +10:00
parent 38ed720ff2
commit d60605fcd8
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx
View File

@ -25,15 +25,13 @@ const FloatingSidePanelButtons = (props: Props) => {
const { queueBack, isLoading, isDisabled } = useQueueBack(); const { queueBack, isLoading, isDisabled } = useQueueBack();
const { data: queueStatus } = useGetQueueStatusQuery(); const { data: queueStatus } = useGetQueueStatusQuery();
const queueButtonIcon = useMemo( const queueButtonIcon = useMemo(() => {
() => const isProcessing = (queueStatus?.queue.in_progress ?? 0) > 0;
!isDisabled && queueStatus?.processor.is_processing ? ( if (!isDisabled && isProcessing) {
<Icon boxSize={6} as={PiCircleNotchBold} animation={spinAnimation} /> return <Icon boxSize={6} as={PiCircleNotchBold} animation={spinAnimation} />;
) : ( }
<RiSparklingFill size="16px" /> return <RiSparklingFill size="16px" />;
), }, [isDisabled, queueStatus]);
[isDisabled, queueStatus?.processor.is_processing]
);
if (!props.panelApi.isCollapsed) { if (!props.panelApi.isCollapsed) {
return null; return null;