The goal is to create a "Merchants" screen for an admin portal. The purpose of this screen is to allow admins to view and manipulate a list of merchants. An admin should be able to:
- View the list of merchants
- Navigate the list of merchants (pagination)
- Select page size (pagination, 20-50-100)
- Search the list of merchants
- Have access to merchant actions (open, view stores, delete)
- TypeScript
- React
- Emotion.js
- Redux-Toolkit
- No libraries for tables, pagination, or search should be used.
Endpoint: https://api.staging.quickcheckoutpage.com/v1/merchants
Options: limit, offset, search
Headers:
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE2MjQwMjEwNzcsImlhdCI6MTYyMTQyOTA3NywiaXNzIjoicWMtYXBpIiwibmJmIjoxNjIxNDI5MDc3LCJ1c2VySWQiOiIyMDg2MjZlZS03ZTY5LTQ4NmMtYTAwNC00YWRjNGY0YWUwNWEiLCJ1c2VyUm9sZSI6IiJ9.6d4IEASfBS17Z-rZdIf25PlUxsJ01N5-rHnPtrx2CBU
- Deploy the application to Firebase Hosting and send us a link along with the code π