Extract reusable UI components for repeated style patterns

myrmidex commented

2026-03-23 01:57:35 +01:00

Owner

There's significant style duplication across the scenario page, particularly:

Buttons: Multiple raw <button> elements with repeated 80s-theme classes (border-2 border-red-500 bg-black px-6 py-2 text-xs font-mono font-bold uppercase tracking-wider text-red-500 hover:bg-red-500 hover:text-black transition-colors)
Form inputs: Income input, modal inputs all share the same base styling
Selects: Modal selects duplicate styling
Modal containers: Create and Edit modals share identical overlay + panel structure

Extract these into reusable components (or extend existing shadcn/ui components with 80s theme variants):

Button — primary, secondary, danger variants
Input — themed input with consistent styling
Select — themed select dropdown
Modal / Dialog — shared overlay + panel wrapper

This is a UI-only refactor — no behavior changes.

There's significant style duplication across the scenario page, particularly: - **Buttons**: Multiple raw `<button>` elements with repeated 80s-theme classes (`border-2 border-red-500 bg-black px-6 py-2 text-xs font-mono font-bold uppercase tracking-wider text-red-500 hover:bg-red-500 hover:text-black transition-colors`) - **Form inputs**: Income input, modal inputs all share the same base styling - **Selects**: Modal selects duplicate styling - **Modal containers**: Create and Edit modals share identical overlay + panel structure Extract these into reusable components (or extend existing shadcn/ui components with 80s theme variants): - `Button` — primary, secondary, danger variants - `Input` — themed input with consistent styling - `Select` — themed select dropdown - `Modal` / `Dialog` — shared overlay + panel wrapper This is a UI-only refactor — no behavior changes.

myrmidex added this to the v0.2.0 milestone 2026-03-23 01:57:35 +01:00

myrmidex added the

enhancement

label 2026-03-23 01:57:35 +01:00

myrmidex modified the milestone from v0.2.0 to (deleted)

2026-03-29 23:40:57 +02:00

myrmidex referenced this issue

2026-03-30 01:02:30 +02:00

Create shared lvl0/theme package for cross-project styling #26

myrmidex self-assigned this 2026-03-30 01:35:12 +02:00

myrmidex commented

2026-06-14 20:15:26 +02:00

Author

Owner

Closing as obsolete. The project is being rebuilt from scratch on Symfony + API Platform with a standalone React/Vite frontend (see the account-tracking rebuild direction). The component-extraction work — and the stashed commit 6 — is mooted: the new React frontend is built with clean shared components from day one. No carry-over needed.

myrmidex closed this issue

2026-06-14 20:15:38 +02:00

Extract reusable UI components for repeated style patterns #21