fix(ui): use cancel strings for cancel button

This commit is contained in:
psychedelicious 2024-01-19 14:53:30 +11:00
parent 4b1740ad19
commit 1174713223

View File

@ -7,7 +7,7 @@ import { useClearQueue } from 'features/queue/hooks/useClearQueue';
import { useState } from 'react'; import { useState } 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 { PiTrashSimpleBold } from 'react-icons/pi'; import { PiTrashSimpleBold, PiXBold } from 'react-icons/pi';
type Props = Omit<InvIconButtonProps, 'aria-label'>; type Props = Omit<InvIconButtonProps, 'aria-label'>;
@ -45,12 +45,12 @@ const ClearSingleQueueItemIconButton = (props: Props) => {
<InvIconButton <InvIconButton
isDisabled={isDisabled} isDisabled={isDisabled}
isLoading={isLoading} isLoading={isLoading}
aria-label={t('queue.cancelTooltip')} aria-label={t('queue.cancel')}
tooltip={t('queue.cancelTooltip')} tooltip={t('queue.cancelTooltip')}
icon={<PiTrashSimpleBold size="16px" />} icon={<PiXBold size="16px" />}
colorScheme="error" colorScheme="error"
onClick={cancelQueueItem} onClick={cancelQueueItem}
data-testid={t('queue.clear')} data-testid={t('queue.cancel')}
{...props} {...props}
/> />
</> </>