Add an error boundary to the dashboard

Open Beginner friendly
  • Is something wrong?
#138 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
82/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Active
Tech stack
react, typescript
Domain
frontend

Research direction

Start in web/src/App.tsx and read how the run view and file picker are rendered. Add a React error boundary around the run view that displays an error message while leaving the file picker usable. Add a test that triggers a render error and confirms the message appears.

Written by the indexing model from the issue text.

Description

area: dashboard enhancement good first issue size: XS
Context

A rendering error in any component blanks the whole page.

What to do

Wrap the run view in a React error boundary that shows a message and keeps the file picker usable.

Done when

A thrown render error shows a message, with a test.

Where to look

web/src/App.tsx

New here? Read CONTRIBUTING.md and comment on this issue to say you are taking it.

Generated by Claude Code

Dominant language
Python
Stars
0
Forks
0
Avg merge
1h 54m
Merged PRs (30d)
14

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from patsypppe/meridian

All issues in patsypppe/meridian

Similar issues

More Python issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.