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 }) =>
|
const StatusBadge = ({ connected }: { connected: boolean }) =>
|
||||||
connected ? (
|
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é
|
<Check size={11} /> Connecté
|
||||||
</span>
|
</span>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -304,7 +304,7 @@ function KeyCard({ keyInfo, onRevoke, onDelete, isPending }: { keyInfo: McpKeyIn
|
|||||||
<span className={cn(
|
<span className={cn(
|
||||||
'text-[9px] font-bold uppercase tracking-widest px-2 py-0.5 rounded-lg',
|
'text-[9px] font-bold uppercase tracking-widest px-2 py-0.5 rounded-lg',
|
||||||
keyInfo.active
|
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'
|
: 'bg-concrete/10 text-concrete'
|
||||||
)}>
|
)}>
|
||||||
{keyInfo.active ? t('mcpSettings.apiKeys.active') : t('mcpSettings.apiKeys.revoked')}
|
{keyInfo.active ? t('mcpSettings.apiKeys.active') : t('mcpSettings.apiKeys.revoked')}
|
||||||
|
|||||||
@@ -72,7 +72,7 @@ export function BillingHistory() {
|
|||||||
const getStatusBadge = (status: string | null) => {
|
const getStatusBadge = (status: string | null) => {
|
||||||
const s = status?.toLowerCase();
|
const s = status?.toLowerCase();
|
||||||
if (s === 'paid') {
|
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') {
|
if (s === 'open' || s === 'pending') {
|
||||||
return 'bg-amber-500/10 text-amber-600 dark:text-amber-400 border border-amber-500/20';
|
return 'bg-amber-500/10 text-amber-600 dark:text-amber-400 border border-amber-500/20';
|
||||||
|
|||||||
Reference in New Issue
Block a user