salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

stlyes fixes

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2025-12-29 19:52:51 +00:00
parent c91175fdcb
commit 4f7ab9c606
155 changed files with 1576 additions and 2489 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/components/dashboard/NeedsAttentionBar.tsx
View File

@@ -35,38 +35,38 @@ interface NeedsAttentionBarProps {
const typeConfig = {
pending_review: {
icon: CheckCircleIcon,
bgColor: 'bg-amber-50 dark:bg-amber-900/20',
borderColor: 'border-amber-200 dark:border-amber-800',
iconColor: 'text-amber-500',
titleColor: 'text-amber-800 dark:text-amber-200',
bgColor: 'bg-warning-50 dark:bg-warning-900/20',
borderColor: 'border-warning-200 dark:border-warning-800',
iconColor: 'text-warning-500',
titleColor: 'text-warning-800 dark:text-warning-200',
},
sync_failed: {
icon: AlertIcon,
bgColor: 'bg-red-50 dark:bg-red-900/20',
borderColor: 'border-red-200 dark:border-red-800',
iconColor: 'text-red-500',
titleColor: 'text-red-800 dark:text-red-200',
bgColor: 'bg-error-50 dark:bg-error-900/20',
borderColor: 'border-error-200 dark:border-error-800',
iconColor: 'text-error-500',
titleColor: 'text-error-800 dark:text-error-200',
},
setup_incomplete: {
icon: AlertIcon,
bgColor: 'bg-blue-50 dark:bg-blue-900/20',
borderColor: 'border-blue-200 dark:border-blue-800',
iconColor: 'text-blue-500',
titleColor: 'text-blue-800 dark:text-blue-200',
bgColor: 'bg-brand-50 dark:bg-brand-900/20',
borderColor: 'border-brand-200 dark:border-brand-800',
iconColor: 'text-brand-500',
titleColor: 'text-brand-800 dark:text-brand-200',
},
automation_failed: {
icon: AlertIcon,
bgColor: 'bg-red-50 dark:bg-red-900/20',
borderColor: 'border-red-200 dark:border-red-800',
iconColor: 'text-red-500',
titleColor: 'text-red-800 dark:text-red-200',
bgColor: 'bg-error-50 dark:bg-error-900/20',
borderColor: 'border-error-200 dark:border-error-800',
iconColor: 'text-error-500',
titleColor: 'text-error-800 dark:text-error-200',
},
credits_low: {
icon: AlertIcon,
bgColor: 'bg-orange-50 dark:bg-orange-900/20',
borderColor: 'border-orange-200 dark:border-orange-800',
iconColor: 'text-orange-500',
titleColor: 'text-orange-800 dark:text-orange-200',
bgColor: 'bg-warning-50 dark:bg-warning-900/20',
borderColor: 'border-warning-200 dark:border-warning-800',
iconColor: 'text-warning-500',
titleColor: 'text-warning-800 dark:text-warning-200',
},
};
@@ -82,24 +82,24 @@ export default function NeedsAttentionBar({ items, onDismiss }: NeedsAttentionBa
{/* Header */}
<button
onClick={() => setIsCollapsed(!isCollapsed)}
className="w-full flex items-center justify-between px-5 py-3 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-t-xl hover:bg-amber-100 dark:hover:bg-amber-900/30 transition-colors"
className="w-full flex items-center justify-between px-5 py-3 bg-warning-50 dark:bg-warning-900/20 border border-warning-200 dark:border-warning-800 rounded-t-xl hover:bg-warning-100 dark:hover:bg-warning-900/30 transition-colors"
>
<div className="flex items-center gap-2.5">
<AlertIcon className="w-5 h-5 text-amber-600 dark:text-amber-400" />
<span className="text-base font-semibold text-amber-800 dark:text-amber-200">
<AlertIcon className="w-5 h-5 text-warning-600 dark:text-warning-400" />
<span className="text-base font-semibold text-warning-800 dark:text-warning-200">
Needs Attention ({items.length})
</span>
</div>
{isCollapsed ? (
<ChevronDownIcon className="w-5 h-5 text-amber-600 dark:text-amber-400" />
<ChevronDownIcon className="w-5 h-5 text-warning-600 dark:text-warning-400" />
) : (
<ChevronUpIcon className="w-5 h-5 text-amber-600 dark:text-amber-400" />
<ChevronUpIcon className="w-5 h-5 text-warning-600 dark:text-warning-400" />
)}
</button>
{/* Content */}
{!isCollapsed && (
<div className="border border-t-0 border-amber-200 dark:border-amber-800 rounded-b-xl bg-white dark:bg-gray-900 p-4">
<div className="border border-t-0 border-warning-200 dark:border-warning-800 rounded-b-xl bg-white dark:bg-gray-900 p-4">
<div className="flex flex-wrap gap-3">
{items.map((item) => {
const config = typeConfig[item.type];