fix(ui): request badge styling in request list (#2302)

This commit is contained in:
TheCatLady
2021-12-04 18:43:03 -05:00
committed by GitHub
parent ed53810fb3
commit f2375c902b

View File

@@ -17,32 +17,32 @@ const Badge: React.FC<BadgeProps> = ({
]; ];
if (url) { if (url) {
badgeStyle.push('transition cursor-pointer'); badgeStyle.push('transition cursor-pointer !no-underline');
} else { } else {
badgeStyle.push('cursor-default'); badgeStyle.push('cursor-default');
} }
switch (badgeType) { switch (badgeType) {
case 'danger': case 'danger':
badgeStyle.push('bg-red-600 text-red-100'); badgeStyle.push('bg-red-600 !text-red-100');
if (url) { if (url) {
badgeStyle.push('hover:bg-red-500'); badgeStyle.push('hover:bg-red-500');
} }
break; break;
case 'warning': case 'warning':
badgeStyle.push('bg-yellow-500 text-yellow-100'); badgeStyle.push('bg-yellow-500 !text-yellow-100');
if (url) { if (url) {
badgeStyle.push('hover:bg-yellow-400'); badgeStyle.push('hover:bg-yellow-400');
} }
break; break;
case 'success': case 'success':
badgeStyle.push('bg-green-500 text-green-100'); badgeStyle.push('bg-green-500 !text-green-100');
if (url) { if (url) {
badgeStyle.push('hover:bg-green-400'); badgeStyle.push('hover:bg-green-400');
} }
break; break;
default: default:
badgeStyle.push('bg-indigo-500 text-indigo-100'); badgeStyle.push('bg-indigo-500 !text-indigo-100');
if (url) { if (url) {
badgeStyle.push('hover:bg-indigo-400'); badgeStyle.push('hover:bg-indigo-400');
} }
@@ -54,8 +54,13 @@ const Badge: React.FC<BadgeProps> = ({
if (url) { if (url) {
return ( return (
<a href={url} target="_blank" rel="noopener noreferrer"> <a
<span className={badgeStyle.join(' ')}>{children}</span> href={url}
target="_blank"
rel="noopener noreferrer"
className={badgeStyle.join(' ')}
>
{children}
</a> </a>
); );
} else { } else {