feat(revamp): Block E — Programs section on ProjectDetailsPage (closes #45)#56
Draft
sacha-l wants to merge 1 commit intorevamp/block-d-program-applicationsfrom
Draft
Conversation
Block E (single-issue). On a project's Overview tab, show which programs it has applied to, with status. Links are real anchors so right-click-open-in-new-tab works. Phase 1 revamp Block E, issue #45. See docs/stadium-revamp-phase-1-spec.md §5 Issue 10. Client: - client/src/components/project/ProjectProgramsSection.tsx (new) — fetches applications + all programs in parallel, joins on programId, renders a minimal list with program name (real anchor) and a status badge. - client/src/pages/ProjectDetailsPage.tsx — mounts the section at the top of the Overview tab, above Final Deliverables. Empty state: section hidden entirely when the project has no applications (spec: "section hidden OR a minimal empty-state line"). Chose hidden to avoid dead space on projects that aren't applying. End of Block E also means preview mode now renders Plata Mia's full Phase 1 journey end-to-end: - Dogfooding program at /programs/dogfooding-2026-berlin - Her project at /m2-program/plata-mia-15ac43 with: * Updates tab showing two updates (from #40) * Funding signal badge on Overview (from #42) * Programs section on Overview linking to Dogfooding (this commit) Verification: - client/npm run build: clean. - No server changes in this commit — the GET endpoint landed in #43 (Block D).
sacha-l
added
enhancement
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
sacha-l
added
enhancement
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Block E of the Phase 1 revamp — single-issue block. Shows on a project's Overview which programs it has applied to, with status.
Stacked on #55 (Block D). Target base is
revamp/block-d-program-applicationswhile that PR is open. Once #55 merges, I'll rebase this branch ontodevelopand retarget the PR.Closes #45.
Block E journey slice (per spec §12)
"My project page shows where I've applied." Navigate to
/m2-program/plata-mia-15ac43→ Overview tab shows a Programs section listing "Dogfooding 2026 → submitted" with a real anchor link to/programs/dogfooding-2026-berlin.End of Block E = full preview journey lights up
Once this lands (and #53 / #54 which landed alongside), the mock-mode preview renders Plata Mia's complete Phase 1 journey end-to-end:
/programs/dogfooding-2026-berlin— the Dogfooding program (Block A)/m2-program/plata-mia-15ac43:Commit
#45: Programs section
client/src/components/project/ProjectProgramsSection.tsx(new) — fetchesapi.getApplicationsForProject(projectId)andapi.listPrograms()in parallel, joins onprogramId, renders a small list card with program name (real<Link>anchor, inherits right-click-open-in-new-tab for free) and a status badge.client/src/pages/ProjectDetailsPage.tsx— mounts the section at the top of the Overview tab, above Final Deliverables.Empty state
The spec said "section hidden OR a minimal 'No program applications yet' line". I picked hidden to avoid dead space on every project that isn't applying to anything. Easy to flip later if the team prefers the line.
Test plan
Automated:
cd client && npm run build→ clean.Playwright (auto-verifiable in mock mode):
/m2-program/plata-mia-15ac43, the Overview tab shows a "Programs" card with "Dogfooding 2026" and a "submitted" badge./programs/dogfooding-2026-berlin./m2-program/plata-mia-15ac43, right-click → Open Link in New Tab on "Dogfooding 2026" works (anchor semantics)./m2-program/<a-project-with-no-applications>, the Overview tab has no Programs section.Out of scope
applicationFieldson this list (it's a summary list; the Apply modal is where fields are entered).