kobotoolbox / kpi / 26403743436

82%

master: 76%

push

github

fix(frontend): ensure proper hash navigation in few components DEV-1079 (#6999)

### 📣 Summary

Clicking the app logo, the "Back to REST Services" button, or the "See
plans" link no longer reloads the whole page.

### 💭 Notes

KPI uses a hash router (`createHashRouter`). Several navigation
call-sites were bypassing it via `<a href='/'>`,
`window.location.assign('/#/...')`, or `window.location.assign('#' +
route)`. These force a document-level navigation, causing full page
reloads, React remounts, and React Query cache busts. Fixed call-sites:

- `mainHeaderLogo` — `<a href='/'>` → `<Link
to={PROJECTS_ROUTES.MY_PROJECTS}>`
- `RESTServiceLogs` —
`window.location.assign('/#/forms/…/settings/rest')` →
`router!.navigate('/forms/…/settings/rest')`
- `YourPlan` — `window.location.assign('#' + ACCOUNT_ROUTES.PLAN)` →
`navigate(ACCOUNT_ROUTES.PLAN)` (via `useNavigate`)

### 👀 Preview steps

1. ℹ️ Log in with an account that has at least one project and a REST
service hook configured.
2. **Logo:**
   1. Navigate to any inner route (e.g. Library).
2. 🔴 [on main] Click the KoboToolbox logo in the header — notice the
full page reloads.
3. 🟢 [on PR] Click the logo — notice the app navigates to Projects
without a reload.
3. **REST Services back button:**
1. Open a project → Settings → REST Services → click into any hook's log
view.
2. 🔴 [on main] Click "Back to REST Services" — notice the full page
reloads.
3. 🟢 [on PR] Click "Back to REST Services" — notice in-app navigation,
no reload.
4. **Your Plan "See plans":**
   1. Go to Account → Your Plan (billing section).
   2. 🔴 [on main] Click "See plans" — notice the full page reloads.
3. 🟢 [on PR] Click "See plans" — notice in-app navigation to the Plans
tab, no reload.

---------

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

9237 of 12470 branches covered (74.07%)

30550 of 37241 relevant lines covered (82.03%)

5.73 hits per line