kobotoolbox / kpi / 25685067958 / 4

82%

master: 76%

push

github

refactor(frontend): migrate pageState out of Reflux DEV-2048 (#6981)

### 💭 Notes

Initially though we can move `pageState.store` out of Reflux in some
meaningful way, but working on it I realised it is better to make it
obsolete by migrating bigModal parts. Since I already did work on it I
feel we can commit it to have one less Reflux usage :shrug:

Changes here:
- Removed drawer handling from Reflux code to simpler hook in app.jsx
- changed modalHelpers (renderBackButton exported function) into a
simpler `ModalBackButton` component
- `pageState.store` is now Reflux-free by changing it into vanilla code
store-like

### 👀 Preview steps

1. Have an account and a template in Library
2. Change browser window to narrow (enough to see mobile menu)
3. Ensure mobile menu toggle works
4. Click "NEW" button
5. Choose "Use a template" option
6. Choose a template and click "Next"
7. Click "Create project"
8. 🟢 Notice all above worked
9. In the created project on "Form" tab choose "Manage <globe icon>"
button
10. 🟢 Notice "Manage Languages" modal
11. Define two languages
12. For one of the languages click <globe cog icon> "Update translatios"
button
13. 🟢 Notice you're seeing "Translations table" modal now
14. Click "Back"
15. 🟢 Notice you're seeing "Manage Languages" modal again

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: magicznyleszek <2521888+magicznyleszek@users.noreply.github.com>

4690 of 12137 branches covered (38.64%)

19247 of 36619 relevant lines covered (52.56%)

0.53 hits per line