After clicking "confirm" button of the Popup component from 1) removing ppl from db or 2) editing people info, the Feedback component shows that the app is loading. But it is under the overlay of the Popup component
Expected Design
It should be shown above the overlay of the Popup Component
Instructions
Pull the latest changes from the develop branch.
Start the server by running npm run dev (if necessary, navigate to the src/ folder and run npm ci first). Navigate to localhost:3000/manage/people
Modify the code of Popup.tsx, Feedback.tsx and page.tsx file for manage/page to modify the z-index related code, restructuring maybe needed
Check for this issue on other pages too, where Popup and Feedback component could be on the screen at the same time (eg /manage/shift). Make an issue for that if the bug persists after this fix
Submit a pull request and tag @dangminhduc1101 for review.
Problem
After clicking "confirm" button of the Popup component from 1) removing ppl from db or 2) editing people info, the Feedback component shows that the app is loading. But it is under the overlay of the Popup component
Expected Design
It should be shown above the overlay of the Popup Component
Instructions
npm run dev(if necessary, navigate to the src/ folder and runnpm cifirst). Navigate to localhost:3000/manage/people