renato97/finanzas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor: Implement DashboardLayout, fix mobile nav, and resolve scroll issues

Browse Source
This commit is contained in:
ren
2026-01-29 14:41:46 +01:00
parent 0a04e0817d
commit 811c78ffa5
171 changed files with 1678 additions and 23983 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
app/alerts/page.tsx
View File

@@ -1,13 +1,11 @@
'use client'
import { Sidebar, Header, MobileNav } from '@/components/layout'
import { DashboardLayout } from '@/components/layout/DashboardLayout'
import { AlertPanel, useAlerts } from '@/components/alerts'
import { useSidebar } from '@/app/providers'
import { RefreshCw } from 'lucide-react'
export default function AlertsPage() {
const { isOpen, toggle, close } = useSidebar()
const { regenerateAlerts, dismissAll, unreadCount } = useAlerts()
const { regenerateAlerts, dismissAll } = useAlerts()
const handleRegenerateAlerts = () => {
regenerateAlerts()
@@ -18,41 +16,31 @@ export default function AlertsPage() {
}
return (
<div className="min-h-screen bg-slate-950">
<Sidebar isOpen={isOpen} onClose={close} unreadAlertsCount={unreadCount} />
<DashboardLayout title="Alertas">
<div className="space-y-6">
{/* Action Buttons */}
<div className="flex flex-wrap gap-3">
<button
onClick={handleRegenerateAlerts}
className="inline-flex items-center gap-2 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500/20"
>
<RefreshCw className="h-4 w-4" />
Regenerar Alertas
</button>
<div className="lg:ml-64 min-h-screen flex flex-col">
<Header onMenuClick={toggle} title="Alertas" />
<button
onClick={handleDismissAll}
className="inline-flex items-center gap-2 px-4 py-2 bg-slate-800 hover:bg-slate-700 text-slate-300 hover:text-white text-sm font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-slate-500/20"
>
Limpiar Todas
</button>
</div>
<main className="flex-1 p-4 md:p-6 lg:p-8 pb-20 lg:pb-8">
<div className="max-w-4xl mx-auto">
{/* Action Buttons */}
<div className="flex flex-wrap gap-3 mb-6">
<button
onClick={handleRegenerateAlerts}
className="inline-flex items-center gap-2 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500/20"
>
<RefreshCw className="h-4 w-4" />
Regenerar Alertas
</button>
<button
onClick={handleDismissAll}
className="inline-flex items-center gap-2 px-4 py-2 bg-slate-800 hover:bg-slate-700 text-slate-300 hover:text-white text-sm font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-slate-500/20"
>
Limpiar Todas
</button>
</div>
{/* Alert Panel */}
<div className="w-full">
<AlertPanel />
</div>
</div>
</main>
<MobileNav unreadAlertsCount={unreadCount} />
{/* Alert Panel */}
<div className="w-full">
<AlertPanel />
</div>
</div>
</div>
</DashboardLayout>
)
}