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): add tooltip to clear intermediates button when disabled

Browse Source
This commit is contained in:
psychedelicious 2023-10-15 17:27:25 +11:00
parent 95cca9493c
commit 1c099e0abb
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
invokeai/frontend/web/public/locales/en.json
View File

@ -1115,6 +1115,7 @@
"showProgressInViewer": "Show Progress Images in Viewer", "showProgressInViewer": "Show Progress Images in Viewer",
"ui": "User Interface", "ui": "User Interface",
"useSlidersForAll": "Use Sliders For All Options", "useSlidersForAll": "Use Sliders For All Options",
"clearIntermediatesDisabled": "Queue must be empty to clear intermediates",
"clearIntermediatesDesc1": "Clearing intermediates will reset your Canvas and ControlNet state.", "clearIntermediatesDesc1": "Clearing intermediates will reset your Canvas and ControlNet state.",
"clearIntermediatesDesc2": "Intermediate images are byproducts of generation, different from the result images in the gallery. Clearing intermediates will free disk space.", "clearIntermediatesDesc2": "Intermediate images are byproducts of generation, different from the result images in the gallery. Clearing intermediates will free disk space.",
"clearIntermediatesDesc3": "Your gallery images will not be deleted.", "clearIntermediatesDesc3": "Your gallery images will not be deleted.",

5
invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsClearIntermediates.tsx
View File

@ -3,12 +3,12 @@ import { useAppDispatch } from 'app/store/storeHooks';
import { controlAdaptersReset } from 'features/controlAdapters/store/controlAdaptersSlice'; import { controlAdaptersReset } from 'features/controlAdapters/store/controlAdaptersSlice';
import { useCallback, useEffect } from 'react'; import { useCallback, useEffect } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useGetQueueStatusQuery } from 'services/api/endpoints/queue';
import IAIButton from '../../../../common/components/IAIButton'; import IAIButton from '../../../../common/components/IAIButton';
import { import {
useClearIntermediatesMutation, useClearIntermediatesMutation,
useGetIntermediatesCountQuery, useGetIntermediatesCountQuery,
} from '../../../../services/api/endpoints/images'; } from '../../../../services/api/endpoints/images';
import { useGetQueueStatusQuery } from 'services/api/endpoints/queue';
import { resetCanvas } from '../../../canvas/store/canvasSlice'; import { resetCanvas } from '../../../canvas/store/canvasSlice';
import { addToast } from '../../store/systemSlice'; import { addToast } from '../../store/systemSlice';
import StyledFlex from './StyledFlex'; import StyledFlex from './StyledFlex';
@ -64,6 +64,9 @@ export default function SettingsClearIntermediates() {
<StyledFlex> <StyledFlex>
<Heading size="sm">{t('settings.clearIntermediates')}</Heading> <Heading size="sm">{t('settings.clearIntermediates')}</Heading>
<IAIButton <IAIButton
tooltip={
hasPendingItems ? t('settings.clearIntermediatesDisabled') : undefined
}
colorScheme="warning" colorScheme="warning"
onClick={handleClickClearIntermediates} onClick={handleClickClearIntermediates}
isLoading={isLoadingClearIntermediates} isLoading={isLoadingClearIntermediates}