StatusActionButton: use a black/white counter if emoji is present

This commit is contained in:
Alex Gleason 2022-07-04 17:24:18 -05:00
parent 82376d4b66
commit 62ea445da5
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7

View file

@ -47,8 +47,9 @@ const StatusActionButton = React.forwardRef<HTMLButtonElement, IStatusActionButt
'bg-white dark:bg-transparent',
'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:ring-offset-0',
{
'text-accent-300 hover:text-accent-300 dark:hover:text-accent-300': active && color === COLORS.accent,
'text-success-600 hover:text-success-600 dark:hover:text-success-600': active && color === COLORS.success,
'text-black dark:text-white': active && emoji,
'text-accent-300 hover:text-accent-300 dark:hover:text-accent-300': active && !emoji && color === COLORS.accent,
'text-success-600 hover:text-success-600 dark:hover:text-success-600': active && !emoji && color === COLORS.success,
},
className,
)}