kobotoolbox / kpi / 18933945241

81%

master: 76%

push

github

refactor(members): adopt Orval for members and invites DEV-870 DEV-871 DEV-947 (#6090)

### 💭 Notes

Refactor organization member and invites endpoints to use generated
react-query helpers fully with invalidations and optimistic updates.

Use `setMutationDefaults` as a means to centralize invalidations and
optimistic update logic.

### 👀 Preview steps

1. have local env with a project
2. in django admin panel create and enable organization for the super
user
2. in django admin panel create another user
3. login as superuser, go to
http://kf.kobo.local/#/account/organization/members
4. invite the user
5. 🟢 notice that invite is in the list
6. in devtools, set throttling to "GPRS"
7. edit the invite's role
8. 🟢 [on pr] notice that invite in the list updates immediately
- that's [optimistic
updates](https://tanstack.com/query/latest/docs/framework/react/guides/optimistic-updates)
working
8. 🟢 [on pr] notice that api request is sent and succeeds but doesn't
re-render the page
- that's react-query's auto-reconciliation [structural
sharing](https://tanstack.com/query/latest/docs/framework/react/guides/render-optimizations#structural-sharing)
working to avoid unnecessary re-renders
9. in devtools, set throttling to "offline"
10. edit the invite's role again
8. 🟢 [on pr] notice that role in the list updates immediately..
   - that's optimistic updates working
8. 🟢 [on pr] ..but the API request fails..
9. 🟢 [on pr] ..and the role reverts to previous value
   - that's rolling back optimistic updates working

---------

Co-authored-by: Leszek Pietrzak <leszek@magicznyleszek.xyz>

7071 of 11112 branches covered (63.63%)

27345 of 33615 relevant lines covered (81.35%)

1.6 hits per line