Working on admin <Application/>

[anhduy1202]

Description

• Added admin dashboard so officers with admin role can view and approve/reject application
• Gonna have 3 tabs: applications, check-in, schedule
• Application tab: view, approve applications
• Check-in: check-in participants
• Schedule: view our schedule

Screenshot

Behavior

• When we approve/reject the application will be filtered out right away using .filer()
• A loading pop-up will appear and disappear when the request goes through
• If you reload, there'll be a badge saying "approved" or "rejected" for application you've finished

Current problem

• When we choose select another option in the Filter by, it won't update our choice right away (you'll have to reload page to see the most updated version when u choose an option from Filter by) since i just simply push the application id to an array when user reject/approve an application and filter right away from that

Applications.tsx

const getFilteredApplication = (
applications: ApplicationType[],
statusFilter: string
) => {
return statusFilter === 'all'
? applications.filter((app) => !applicationIdx.includes(app.id))
: applications.filter((app) => app.status === statusFilter)
}

Current Solution

• reload page when you choose another filter to see the most update version of the application you just approved/rejected

Propose Solution

• Add 1 more state to keep track whether it's an "approve" or "reject" application so we can filter it out in sync with the UI