Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Page for running general httomo workflow doesn't have button in "header/nav bar"

Open
#90 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
50/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
react, typescript
Domain
frontend, web-dev

Research direction

Start by locating the React routing and header/nav definitions for the workflow-run route, then compare the Methods page navigation with the workflow-run page. Done means the workflow-run page has a corresponding header/nav button and provides the expected visual indication of the current page.

Written by the indexing model from the issue text.

Description

enhancement good first issue

Most pages in tomohub have a button in the "header/nav bar" that provides easy access and also some visual feedback for which page one is on.

However, if navigated to the "Methods" page and one then clicks on the "Run HTTOMO (Workflow Run)" button:

Image

the app redirects to another page, and this page doesn't have a corresponding button in the "header/nav bar":

Image

It would be nice to have a button in the "header/nav bar" that represents this page.

As one piece of necessary info, this page is associated with the workflow-run "route", but knowledge of how to do routing in react isn't necessary to fix this.

Dominant language
TypeScript
Stars
2
Forks
1
Avg merge
17h 16m
Merged PRs (30d)
44

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

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 DiamondLightSource/ImagingHub

All issues in DiamondLightSource/ImagingHub

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.