kobotoolbox / kpi / 22107989848

82%

master: 76%

push

github

feat(sidebarForms): migrate to TypeScript and remove searches DEV-1324 DEV-1325 (#6703)

### 💭 Notes

Changes here:
- migrated `SidebarFormsList` component to Typescript
  - Uses API through Orval
- Hooked up to legacy Reflux actions to keep same self-refresh
functionality
  - Uses Mantine components, with minimal amount of visual differences
- Fixed visual bug when opening categories having many projects in them
→ previously it was possible to cause overflow and additional scroll
outside of the UI, now it's handled with flexbox)
- Deleted few BEM components → unfortunately most of the ones I wanted
to deleted are still being used in one place - My Library sidebar :(

### 👀 Preview steps

ℹ️ have an account and multiple projects (ideally 10+ for each group:
Deployed, Draft, Archived)

A) Group toggling works:
1. Toggle each group by clicking on the name
2. 🟢 notice that it works

B) Scrollable list don't go outside UI
1. While having 10+ projects in each group toggle open each group
2. Change viewport size to small size (e.g. 400 px height)
3. 🟢 notice that the three group lists have scrollbars, all three are
visible and accessible, and no part of the UI goes outside the viewport
4. 🔴 [on main] if you test this you will see bug:
<img width="428" height="393" alt="Screenshot 2026-02-09 at 13 44 40"
src="https://github.com/user-attachments/assets/f465b9e8-f8cf-4ebd-a55e-d0e0835a91e0"
/>


C) Group counter works:
1. Look at the count number to the right of the group name
6. 🟢 notice that the number is a correct count

D) Highlight of active project:
1. Toggle Deployed group
2. Open a deployed project
7. 🟢 notice that it is highlighted in sidebar (different background
color)
8. Open different deployed project (click it's name in sidebar)
9. 🟢 notice that now this project is highlighted

E) Archiving project moves it to a group
1. Toggle open "Deployed" and "Archived" groups
2. Open a deployed project
4. 🟢 notice it is listed in "Deployed" group
5. Archive... (continued)

7431 of 11464 branches covered (64.82%)

28530 of 34782 relevant lines covered (82.03%)

1.62 hits per line