fix: badges statut (Connecté/Actif/Payé) en emerald sobre, déco en primary
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
@@ -127,7 +127,7 @@ export default function IntegrationsPage() {
|
||||
|
||||
const StatusBadge = ({ connected }: { connected: boolean }) =>
|
||||
connected ? (
|
||||
<span className="flex items-center gap-1.5 text-[11px] font-semibold text-primary/80 dark:text-primary bg-primary/10 border border-primary/30 rounded-full px-2.5 py-1">
|
||||
<span className="flex items-center gap-1.5 text-[11px] font-semibold text-emerald-700 dark:text-emerald-300 bg-emerald-50 dark:bg-emerald-950/40 border border-emerald-200 dark:border-emerald-800/50 rounded-full px-2.5 py-1">
|
||||
<Check size={11} /> Connecté
|
||||
</span>
|
||||
) : (
|
||||
|
||||
@@ -304,7 +304,7 @@ function KeyCard({ keyInfo, onRevoke, onDelete, isPending }: { keyInfo: McpKeyIn
|
||||
<span className={cn(
|
||||
'text-[9px] font-bold uppercase tracking-widest px-2 py-0.5 rounded-lg',
|
||||
keyInfo.active
|
||||
? 'bg-primary/10 text-primary/80 dark:text-primary'
|
||||
? 'bg-emerald-50 dark:bg-emerald-950/40 text-emerald-700 dark:text-emerald-300'
|
||||
: 'bg-concrete/10 text-concrete'
|
||||
)}>
|
||||
{keyInfo.active ? t('mcpSettings.apiKeys.active') : t('mcpSettings.apiKeys.revoked')}
|
||||
|
||||
@@ -72,7 +72,7 @@ export function BillingHistory() {
|
||||
const getStatusBadge = (status: string | null) => {
|
||||
const s = status?.toLowerCase();
|
||||
if (s === 'paid') {
|
||||
return 'bg-primary/10 text-primary/80 dark:text-primary border border-primary/20';
|
||||
return 'bg-emerald-50 dark:bg-emerald-950/40 text-emerald-700 dark:text-emerald-300 border border-emerald-200 dark:border-emerald-800/50';
|
||||
}
|
||||
if (s === 'open' || s === 'pending') {
|
||||
return 'bg-amber-500/10 text-amber-600 dark:text-amber-400 border border-amber-500/20';
|
||||
|
||||
Reference in New Issue
Block a user