Skip to content

fix(budget-sources): stack lines panel below source info + add item links#1269

Merged
steilerDev merged 2 commits into
betafrom
fix/source-lines-layout-links
Apr 18, 2026
Merged

fix(budget-sources): stack lines panel below source info + add item links#1269
steilerDev merged 2 commits into
betafrom
fix/source-lines-layout-links

Conversation

@steilerDev
Copy link
Copy Markdown
Owner

Summary

User feedback on the just-landed mini-epic (#1245#1248):

  • The expanded budget-lines panel was rendering as a middle column beside the source info and actions. Restructured the row so the panel drops below the header as a full-width block.
  • Parent item names (Work Item / Household Item) in the lines panel are now hyperlinks to the detail page.

Changes

  • BudgetSourcesPage.tsx / CSS — wrap info+actions in a new .sourceRowHeader; panel renders beneath
  • SourceBudgetLinePanel.tsx / CSS — render parent item names as <Link> to /project/work-items/:id or /project/household-items/:id
  • Panel tests wrapped in MemoryRouter + LocaleProvider; 2 new tests for the hyperlinks

Test plan

  • Typecheck clean
  • Stylelint clean
  • 52 unit tests pass (including 2 new)
  • CI Quality Gates green

Co-Authored-By: Claude Opus 4.6 noreply@anthropic.com

- Restructure source row so SourceBudgetLinePanel renders as a full-
  width block below the header (info + actions), not in a column
  beside them. New .sourceRowHeader wraps the horizontal content.
- Parent item names in the lines panel are now links to their detail
  page (/project/work-items/:id or /project/household-items/:id).
- Add 2 unit tests for the new hyperlinks; wrap panel tests in
  MemoryRouter + LocaleProvider.

Co-Authored-By: Claude frontend-developer (Haiku) <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown
Contributor

Thank you for your submission! We require all contributors to sign our Contributor License Agreement before we can accept your contribution.

To sign, please comment on this PR with:
I have read the CLA Document and I hereby sign the CLA


I have read the CLA Document and I hereby sign the CLA


Frank Steiler seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
You can retrigger this bot by commenting recheck in this Pull Request. Posted by the CLA Assistant Lite bot.

- Remove the jest.unstable_mockModule for react-i18next — the dynamic
  import + requireActual created a second module instance that didn't
  share the i18next instance initialized by setupTests, so t() returned
  raw keys. Using the real module provides resolved strings.
- Tighten sourceRow E2E POM selector from [class*="sourceRow"] to
  [class*="sourceRow_"] so it no longer matches the new .sourceRowHeader
  helper class introduced in this PR.

Co-Authored-By: Claude qa-integration-tester (Sonnet 4.6) <noreply@anthropic.com>
Co-Authored-By: Claude e2e-test-engineer (Sonnet 4.6) <noreply@anthropic.com>
@steilerDev steilerDev merged commit 98e8deb into beta Apr 18, 2026
28 of 34 checks passed
@steilerDev steilerDev deleted the fix/source-lines-layout-links branch April 18, 2026 06:01
@github-actions github-actions Bot locked and limited conversation to collaborators Apr 18, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant