Polio-1556 sub activities front end

[quang-le]

Add new tab to polio

Related JIRA tickets : POLIO-1556

Self proofreading checklist

• Did I use eslint and black formatters
• Is my code clear enough and well documented
• Are my typescript files well typed
• New translations have been added or updated if new strings have been introduced in the frontend
• My migrations file are included
• Are there enough tests
• Documentation has been included (for new feature)

Doc

comments in the code

Changes

• Add useTableState hook
• fix query key in useSaveCampaigns
• Pass campaign as prop i.o getting it via formik context in ScopeInput
• Add useFilteredDistricts hook to allow filtering on different scopes
• Pass availableVaccines to scopes map to enable more flexible vaccine selection
• Add new components
• update polio dialog tabs
• Modal validation:
  • name, start and end date are mandatory, other fields are optional
  • start and end date are checked against each other and against round dates
• Scope: districts available for selection are computed from round scopes
• Vaccines: for ppolio campaigns, the vaccines available are computed from the round vaccines
• Deactivated snack bar on save because it would trigger a full re-render of the page which would reset the modal state and lose the active tab. Instead, the (sub)modal will stay open while saving (with a spinner), then close so the user returns to the tab with updated data

How to test

With a polio then a non-polio campaign:

• go to sub-activities tab:
  • create, edit and delete sub-activities

Print screen / video

Screen.Recording.2024-05-30.at.15.40.32.mov

Notes

@mathvdh the sorting doens't seem to work. The params are sent to the API, but no sorting happens

[beygorghor]

Nice ! Very clean a few remarks:

• Can we add some min and max date using round date ?
  
• This filed is on error on focus, it should go on error while focu
• s, edited and emptied
  
• Space between inputs is too large:
  
• I have some inconsistency with scope round s and sub activities scopes:
  https://github.com/BLSQ/iaso/assets/12494624/ebde03de-5db4-4cde-aed2-0bf3ebdbedbf