Problem: We want a way to notify user when certain actions happened in the company.

The problem is quite interesting because the ui pattern that we used for this function has manifest in several different ways. As a part of unifying our design system, we want to make and enforce a new pattern that involve fetching user list into one that can be used accross pages. Therefore, we have to inspect where else this pattern has been using and addressing special needs if any.

Pages that involved user list:

Current flow on assigning user

Current flow on assigning user

Assigning approve on department

Assigning approve on department

Adding multiple user as approver

Adding multiple user as approver

User assigment on booking checkout

User assigment on booking checkout

The requirements