Multi Select and Batch Apply Status

[rivernews]

Would want a way to move all, or multiple orgs in Target, into Archived.

[rivernews]

Several requirement clarification

• [ ] Where to put state bar ("All" check box, total count, action menu=[change status], cancel all select)
  • [ ] Should the bar be sticky at top for convenience?
• Item UI - e.g. right top check box
  • [ ] Show all the time? Only when hover? Only when long-pressed?
  • [ ] Selected state - darken background? thick colored border?

[rivernews]

UI

• [x] Status manager - at app top bar
• [x] Checkbox - in company cards / list item

State

• [ ] Check or not - in redux
• [ ] Company grouped by status

[rivernews]

TODO

• [x] Add/remove company from redux linking with checkbox UI
• [ ] Refine styling a bit - dropdown & button is now black color
• [ ] Also provide status info in selectCompany redux, so later on we can quickly move companies around different status company buckets in redux.
• [ ] Backend may have to support custom API for batch update companies

[rivernews]

What will the backend request look like?

Essential information: ([...companyIds], destinationStatus). The problem is whether we want to create a new custom API, or we can look at the existing REST API, maybe we can extend it, like creating a List Serializer for company to batch update status.

Finally made the backend working with batch companies update, great takeaway in wiki.

What will frontend redux state change look like?

1. Move companies between status buckets
   • We probably need to do this in middleware, because we need access to multiple select stores.
2. Update company objects themselves.
3. The view should be automatically changed once the state is right

The rest will be

• [x] Disable other irrelevant log first
• [x] Debug why Twitter status change is not reflected in redux state Then
• [x] Need to link redux state to checbox
• [x] Styling
• [x] After Apply clicked, we may want to reset selectCompany state.