Skip to content

refactor: Fix hero layout, promise category filter, chart auto-slide, and partner section styling - #626

Merged
kelvinkipruto merged 5 commits into
mainfrom
ft/ui-fixes-cont
Jul 30, 2026
Merged

refactor: Fix hero layout, promise category filter, chart auto-slide, and partner section styling#626
kelvinkipruto merged 5 commits into
mainfrom
ft/ui-fixes-cont

Conversation

@kelvinkipruto

Copy link
Copy Markdown
Contributor

Description

Move the "Tracking [Name]" title to head the stats column instead of sitting under the portrait, fixing the lopsided hero layout
Wire up the promise category filter end-to-end (was scaffolded in the UI but never had real data): sync category from AI extractions onto promises, derive filter options from actual published-promise data
Auto-toggle the hero's chart view (stats ↔ comparison chart) on a timed loop instead of requiring a manual click
Fix spacing/clipping around the Key Promise title's accent underline
Reduce the Partners section's oversized spacing/sizing to match the old site's compact layout

Fixes #607, #606, #612, #613, #611

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)

Screenshots

Checklist:

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation

Remove headline prop and rendering from Profile, add headline support to ProfileChart, fix prop passing in HeroClient, and update ProgressChart Stack styles for proper layout.
Fixes Promise Tracker | Political entity hero: fix column alignment and title position
Fixes #607
Add category field to the Promises collection, implement UI filtering for categories, add logic to sync category data from AI extraction records during report synchronization, and create a database migration to backfill existing promise categories. Update type definitions and component props to support the new category field across the codebase.

Fixes Promise Tracker | Filter by Category
Fixes #606
Update React imports to include useEffect, add a reusable interval duration constant, set up a 6-second interval to automatically toggle between chart views, and include cleanup logic to clear the interval on component unmount to avoid memory leaks.

Fiexes Promise Tracker | Auto slide between the two hero stat views for Political Entity
Fixes #612
wrap title Typography in a Box component, move relevant styles to improve spacing and align the underline properly

Fixes Promise Tracker | Add breathing room under the promise title line
Fixes #613
adjust heading typography, grid row spacing for large screens, and partner card sizing and link styles
FIxes Promise Tracker | Partner section takes up a full screen
Fixes #611
@vercel

vercel Bot commented Jul 30, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
PromiseTracker Ready Ready Preview Jul 30, 2026 11:28am

Request Review

@kelvinkipruto kelvinkipruto changed the title refactor: move headline rendering to ProfileChart refactor: Fix hero layout, promise category filter, chart auto-slide, and partner section styling Jul 30, 2026
@kelvinkipruto
kelvinkipruto merged commit 0520673 into main Jul 30, 2026
9 checks passed
@kelvinkipruto
kelvinkipruto deleted the ft/ui-fixes-cont branch July 30, 2026 11:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment