jason/cpas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'fix: dark mode colors in ViolationHistory component' (#20) from claude into master

Browse Source 
Reviewed-on: #20
This commit was merged in pull request #20.
This commit is contained in:
jason
2026-03-06 23:27:24 -06:00
parent 69272f71a3 f4f191518c
commit e19ef255ac
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/components/ViolationHistory.jsx
View File

@@ -2,19 +2,19 @@ import React, { useState } from 'react';
const s = { const s = {
wrapper: { marginTop: '24px' }, wrapper: { marginTop: '24px' },
title: { color: '#2c3e50', fontSize: '16px', fontWeight: 700, marginBottom: '10px' }, title: { color: '#b5b5c0', fontSize: '16px', fontWeight: 700, marginBottom: '10px' },
table: { width: '100%', borderCollapse: 'collapse', fontSize: '13px' }, table: { width: '100%', borderCollapse: 'collapse', fontSize: '13px', background: '#111217', borderRadius: '6px', overflow: 'hidden', border: '1px solid #222' },
th: { background: '#2c3e50', color: 'white', padding: '8px 10px', textAlign: 'left' }, th: { background: '#000000', color: '#f8f9fa', padding: '8px 10px', textAlign: 'left', fontSize: '12px', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.5px' },
td: { padding: '8px 10px', borderBottom: '1px solid #dee2e6' }, td: { padding: '8px 10px', borderBottom: '1px solid #1c1d29', color: '#f8f9fa', verticalAlign: 'middle' },
trEven: { background: '#f8f9fa' }, trEven: { background: '#111217' },
trOdd: { background: 'white' }, trOdd: { background: '#151622' },
pts: { fontWeight: 700, color: '#667eea' }, pts: { fontWeight: 700, color: '#667eea' },
toggle: { background: 'none', border: 'none', color: '#667eea', cursor: 'pointer', fontSize: '13px', padding: 0, textDecoration: 'underline' }, toggle: { background: 'none', border: 'none', color: '#667eea', cursor: 'pointer', fontSize: '13px', padding: 0, textDecoration: 'underline' },
empty: { color: '#888', fontStyle: 'italic', fontSize: '13px', marginTop: '8px' }, empty: { color: '#77798a', fontStyle: 'italic', fontSize: '13px', marginTop: '8px' },
}; };
function formatDate(d) { function formatDate(d) {
if (!d) return '—'; if (!d) return '–';
const dt = new Date(d + 'T12:00:00'); const dt = new Date(d + 'T12:00:00');
return dt.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric', timeZone: 'America/Chicago' }); return dt.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric', timeZone: 'America/Chicago' });
} }
@@ -44,9 +44,9 @@ export default function ViolationHistory({ history, loading }) {
<tr key={v.id} style={i % 2 === 0 ? s.trEven : s.trOdd}> <tr key={v.id} style={i % 2 === 0 ? s.trEven : s.trOdd}>
<td style={s.td}>{formatDate(v.incident_date)}</td> <td style={s.td}>{formatDate(v.incident_date)}</td>
<td style={s.td}>{v.violation_name}</td> <td style={s.td}>{v.violation_name}</td>
<td style={s.td}>{v.category}</td> <td style={{ ...s.td, color: '#c0c2d6' }}>{v.category}</td>
<td style={{ ...s.td, ...s.pts }}>{v.points}</td> <td style={{ ...s.td, ...s.pts }}>{v.points}</td>
<td style={s.td}>{v.details || '—'}</td> <td style={{ ...s.td, color: '#c0c2d6' }}>{v.details || '–'}</td>
</tr> </tr>
))} ))}
</tbody> </tbody>