Skip to content
This repository was archived by the owner on Jul 20, 2026. It is now read-only.

Adapt to NGM Index v2 + rebrand to the Jawafdehi identity #21

Merged
damo-da merged 2 commits into from
Jun 26, 2026
Merged

Adapt to NGM Index v2 + rebrand to the Jawafdehi identity #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b0cfcf5
feat: adapt index consumption to NGM Index v2 consolidated manuscripts
damo-da Jun 26, 2026
75e8534
feat(brand): rebrand NGM to the Jawafdehi identity + simplify IA
damo-da Jun 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
206 changes: 128 additions & 78 deletions src/App.css
View file
Open in desktop

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions src/components/CIAADatasetViewer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -257,7 +257,7 @@ export default function CIAADatasetViewer() {
target="_blank"
rel="noopener noreferrer"
onClick={(e) => e.stopPropagation()}
style={{ color: '#2563eb', textDecoration: 'none', fontWeight: 500 }}
style={{ color: 'var(--navy)', textDecoration: 'none', fontWeight: 500 }}
>
{info.getValue() as string}
</a>
Expand Down Expand Up @@ -420,7 +420,7 @@ export default function CIAADatasetViewer() {
<div style={{ color: '#6b7280', fontSize: '0.72rem', marginBottom: '0.3rem' }}>⚖️ Plaintiffs ({row.plaintiffs.length})</div>
<div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.3rem' }}>
{row.plaintiffs.map((p, idx) => (
<span key={idx} style={{ padding: '0.2rem 0.45rem', background: '#eff6ff', borderRadius: '4px', border: '1px solid #bfdbfe', fontWeight: 500, color: '#1e40af', fontSize: '0.78rem' }} title={p.address || p.name}>{p.name}</span>
<span key={idx} style={{ padding: '0.2rem 0.45rem', background: 'var(--bg-tint)', borderRadius: '4px', border: '1px solid var(--border-cool)', fontWeight: 500, color: 'var(--navy)', fontSize: '0.78rem' }} title={p.address || p.name}>{p.name}</span>
))}
</div>
</div>
Expand Down Expand Up @@ -461,7 +461,7 @@ export default function CIAADatasetViewer() {
<div style={{ color: '#6b7280', fontSize: '0.72rem', marginBottom: '0.3rem' }}>⚖️ Plaintiffs ({row.appealed_case.plaintiffs.length})</div>
<div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.3rem' }}>
{row.appealed_case.plaintiffs.map((p, idx) => (
<span key={idx} style={{ padding: '0.2rem 0.45rem', background: '#eff6ff', borderRadius: '4px', border: '1px solid #bfdbfe', fontWeight: 500, color: '#1e40af', fontSize: '0.78rem' }} title={p.address || p.name}>{p.name}</span>
<span key={idx} style={{ padding: '0.2rem 0.45rem', background: 'var(--bg-tint)', borderRadius: '4px', border: '1px solid var(--border-cool)', fontWeight: 500, color: 'var(--navy)', fontSize: '0.78rem' }} title={p.address || p.name}>{p.name}</span>
))}
</div>
</div>
Expand Down
26 changes: 13 additions & 13 deletions src/components/CourtCaseSearch.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -226,9 +226,9 @@ export default function CourtCaseSearch() {
background: '#f0f4ff',
borderRadius: '12px',
marginBottom: '1.5rem',
border: '2px solid #bfdbfe'
border: '2px solid var(--border-cool)'
Comment on lines 226 to +229

@gemini-code-assist gemini-code-assist Bot Jun 26, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The background color #f0f4ff is a hardcoded light blue from the legacy theme. To align with the new Jawafdehi brand identity and design system, this should be replaced with the var(--bg-tint) CSS variable.

Suggested change
background: '#f0f4ff',
borderRadius: '12px',
marginBottom: '1.5rem',
border: '2px solid #bfdbfe'
border: '2px solid var(--border-cool)'
background: 'var(--bg-tint)',
borderRadius: '12px',
marginBottom: '1.5rem',
border: '2px solid var(--border-cool)'

}}>
<h3 style={{ color: '#1e40af', marginBottom: '1rem', fontSize: '1.1rem' }}>
<h3 style={{ color: 'var(--navy)', marginBottom: '1rem', fontSize: '1.1rem' }}>
🔍 Search Court Cases
</h3>

Expand All @@ -239,7 +239,7 @@ export default function CourtCaseSearch() {
htmlFor="court-select"
style={{
display: 'block',
color: '#1e40af',
color: 'var(--navy)',
marginBottom: '0.5rem',
fontSize: '0.9rem',
fontWeight: 600
Expand All @@ -262,7 +262,7 @@ export default function CourtCaseSearch() {
width: '100%',
padding: '0.6rem',
borderRadius: '6px',
border: '2px solid #bfdbfe',
border: '2px solid var(--border-cool)',
background: '#ffffff',
fontSize: '0.95rem',
cursor: 'pointer'
Expand All @@ -286,7 +286,7 @@ export default function CourtCaseSearch() {
htmlFor="case-number"
style={{
display: 'block',
color: '#1e40af',
color: 'var(--navy)',
marginBottom: '0.5rem',
fontSize: '0.9rem',
fontWeight: 600
Expand All @@ -304,7 +304,7 @@ export default function CourtCaseSearch() {
width: '100%',
padding: '0.6rem',
borderRadius: '6px',
border: '2px solid #bfdbfe',
border: '2px solid var(--border-cool)',
background: '#ffffff',
fontSize: '0.95rem'
}}
Expand All @@ -319,7 +319,7 @@ export default function CourtCaseSearch() {
padding: '0.6rem 1.5rem',
borderRadius: '6px',
border: 'none',
background: !loading && caseNumber.trim() ? '#3b82f6' : '#cbd5e1',
background: !loading && caseNumber.trim() ? 'var(--navy)' : 'var(--border-cool)',
color: 'white',
Comment on lines +322 to 323

@gemini-code-assist gemini-code-assist Bot Jun 26, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

When the search button is disabled, its background is set to var(--border-cool) (a very light gray, #DCE2EA), but the text color remains white. This results in a contrast ratio of 1.36:1, which is extremely low and violates WCAG accessibility standards. Setting the text color to var(--text-secondary) when disabled will ensure proper readability.

Suggested change
background: !loading && caseNumber.trim() ? 'var(--navy)' : 'var(--border-cool)',
color: 'white',
background: !loading && caseNumber.trim() ? 'var(--navy)' : 'var(--border-cool)',
color: !loading && caseNumber.trim() ? 'white' : 'var(--text-secondary)',

fontWeight: 600,
cursor: !loading && caseNumber.trim() ? 'pointer' : 'not-allowed',
Expand Down Expand Up @@ -396,7 +396,7 @@ export default function CourtCaseSearch() {
{/* Entities (Parties) */}
{caseData.entities && caseData.entities.length > 0 && (
<div style={{ marginBottom: '1.5rem' }}>
<h4 style={{ color: '#1e40af', fontSize: '1rem', marginBottom: '0.75rem', borderBottom: '1px solid #e5e7eb', paddingBottom: '0.5rem' }}>
<h4 style={{ color: 'var(--navy)', fontSize: '1rem', marginBottom: '0.75rem', borderBottom: '1px solid #e5e7eb', paddingBottom: '0.5rem' }}>
👥 Parties Involved
</h4>
<div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '0.75rem' }}>
Expand All @@ -416,19 +416,19 @@ export default function CourtCaseSearch() {
{/* Hearings */}
{caseData.hearings && caseData.hearings.length > 0 && (
<div>
<h4 style={{ color: '#1e40af', fontSize: '1rem', marginBottom: '0.75rem', borderBottom: '1px solid #e5e7eb', paddingBottom: '0.5rem' }}>
<h4 style={{ color: 'var(--navy)', fontSize: '1rem', marginBottom: '0.75rem', borderBottom: '1px solid #e5e7eb', paddingBottom: '0.5rem' }}>
🗓 Hearing History ({caseData.hearings.length} hearings)
</h4>
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
{caseData.hearings.map((hearing) => (
<div key={hearing.id} style={{ padding: '1rem', background: '#f8fafc', borderRadius: '8px', border: '1px solid #e2e8f0', borderLeft: '4px solid #3b82f6' }}>
<div key={hearing.id} style={{ padding: '1rem', background: '#f8fafc', borderRadius: '8px', border: '1px solid #e2e8f0', borderLeft: '4px solid var(--navy)' }}>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', marginBottom: '0.5rem', flexWrap: 'wrap', gap: '0.5rem' }}>
<div>
<span style={{ fontWeight: 600, color: '#1e40af' }}>{hearing.hearing_date_bs}</span>
<span style={{ fontWeight: 600, color: 'var(--navy)' }}>{hearing.hearing_date_bs}</span>
{hearing.hearing_date_ad && <span style={{ color: '#6b7280', fontSize: '0.85rem', marginLeft: '0.5rem' }}>({hearing.hearing_date_ad})</span>}
</div>
{hearing.case_status && (
<span style={{ background: '#dbeafe', color: '#1e40af', padding: '0.2rem 0.6rem', borderRadius: '999px', fontSize: '0.8rem', fontWeight: 600 }}>
<span style={{ background: 'var(--bg-tint)', color: 'var(--navy)', padding: '0.2rem 0.6rem', borderRadius: '999px', fontSize: '0.8rem', fontWeight: 600 }}>
{hearing.case_status}
</span>
)}
Expand Down Expand Up @@ -458,7 +458,7 @@ export default function CourtCaseSearch() {
<details style={{ marginTop: '1.5rem' }}>
<summary style={{
cursor: 'pointer',
color: '#3b82f6',
color: 'var(--navy)',
fontWeight: 600,
fontSize: '0.9rem'
}}>
Expand Down
Loading
Loading