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): tidy component/props naming in ClearQueueIconButton.tsx

Browse Source
This commit is contained in:
psychedelicious 2024-01-19 15:00:45 +11:00
parent d0709d4f4e
commit 5ef87ef2a6
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
invokeai/frontend/web/src/features/queue/components/ClearQueueIconButton.tsx
View File

@ -9,12 +9,16 @@ import { useClearQueue } from 'features/queue/hooks/useClearQueue';
import { useTranslation } from 'react-i18next';
import { PiTrashSimpleBold, PiXBold } from 'react-icons/pi';
type Props = Omit<InvIconButtonProps, 'aria-label'>;
type ClearQueueButtonProps = Omit<InvIconButtonProps, 'aria-label'>;
const ClearQueueIconButton = ({
type ClearQueueIconButtonProps = ClearQueueButtonProps & {
onOpen: () => void;
};
const ClearAllQueueIconButton = ({
onOpen,
...props
}: Props & { onOpen: () => void }) => {
}: ClearQueueIconButtonProps) => {
const { t } = useTranslation();
const { isLoading, isDisabled } = useClearQueue();
@ -33,7 +37,7 @@ const ClearQueueIconButton = ({
);
};
const ClearSingleQueueItemIconButton = (props: Props) => {
const ClearSingleQueueItemIconButton = (props: ClearQueueButtonProps) => {
const { t } = useTranslation();
const { cancelQueueItem, isLoading, isDisabled } =
useCancelCurrentQueueItem();
@ -53,17 +57,16 @@ const ClearSingleQueueItemIconButton = (props: Props) => {
);
};
export const ClearQueueButton = (props: Props) => {
export const ClearQueueIconButton = (props: ClearQueueButtonProps) => {
// Show the single item clear button when shift is pressed
// Otherwise show the clear queue button
const shift = useStore($shift);
const disclosure = useDisclosure();
return (
<>
{shift ? (
<ClearQueueIconButton {...props} onOpen={disclosure.onOpen} />
<ClearAllQueueIconButton {...props} onOpen={disclosure.onOpen} />
) : (
<ClearSingleQueueItemIconButton {...props} />
)}
@ -72,4 +75,4 @@ export const ClearQueueButton = (props: Props) => {
);
};
export default ClearQueueButton;
export default ClearQueueIconButton;