sancho41/condado-newsletter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): remove default scheduler UI and restore dark page styles

Browse Source
This commit is contained in:
Gabriel Sancho
2026-03-26 23:13:55 -03:00
parent 0cbb92e5ff
commit 91c456f666
8 changed files with 51 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/pages/LogsPage.tsx
View File

@@ -15,11 +15,11 @@ export default function LogsPage() {
return (
<div className="p-8">
<div className="flex items-center justify-between">
<h1 className="text-2xl font-bold text-gray-900">Dispatch Logs</h1>
<h1 className="text-2xl font-bold text-slate-100">Dispatch Logs</h1>
<select
value={selectedEntityId}
onChange={(e) => setSelectedEntityId(e.target.value)}
className="rounded border border-gray-300 px-3 py-2 text-sm"
className="rounded border border-slate-700 bg-slate-800 px-3 py-2 text-sm text-slate-100"
>
<option value="">All Entities</option>
{entities.map((entity) => (
@@ -30,9 +30,9 @@ export default function LogsPage() {
</select>
</div>
<div className="mt-6 overflow-hidden rounded-lg border bg-white shadow-sm">
<div className="mt-6 overflow-hidden rounded-lg border border-slate-800 bg-slate-900/70 shadow-sm">
<table className="w-full text-sm">
<thead className="bg-gray-50 text-left text-xs font-medium uppercase tracking-wide text-gray-500">
<thead className="bg-slate-800/50 text-left text-xs font-medium uppercase tracking-wide text-slate-400">
<tr>
<th className="px-4 py-3">Subject</th>
<th className="px-4 py-3">Entity</th>
@@ -40,32 +40,32 @@ export default function LogsPage() {
<th className="px-4 py-3">Dispatched At</th>
</tr>
</thead>
<tbody className="divide-y divide-gray-100">
<tbody className="divide-y divide-slate-800">
{logs.map((log) => (
<tr key={log.id}>
<td className="px-4 py-3 font-medium">{log.emailSubject}</td>
<td className="px-4 py-3 text-gray-500">{log.entityName}</td>
<td className="px-4 py-3 font-medium text-slate-100">{log.emailSubject}</td>
<td className="px-4 py-3 text-slate-400">{log.entityName}</td>
<td className="px-4 py-3">
<span
className={`rounded-full px-2 py-0.5 text-xs font-medium ${
log.status === 'SENT'
? 'bg-green-100 text-green-700'
? 'bg-green-900/40 text-green-400'
: log.status === 'FAILED'
? 'bg-red-100 text-red-700'
: 'bg-yellow-100 text-yellow-700'
? 'bg-red-900/40 text-red-400'
: 'bg-yellow-900/40 text-yellow-400'
}`}
>
{log.status}
</span>
</td>
<td className="px-4 py-3 text-gray-400">
<td className="px-4 py-3 text-slate-500">
{new Date(log.dispatchedAt).toLocaleString()}
</td>
</tr>
))}
{logs.length === 0 && (
<tr>
<td colSpan={4} className="px-4 py-6 text-center text-gray-400">
<td colSpan={4} className="px-4 py-6 text-center text-slate-400">
No logs found.
</td>
</tr>