This pull request introduces the Super Admin User Listing page ensuring consistency with ShadCN UI components.
Changes proposed
What were you told to do?
Page Components:
Use existing card etc to ensure consistency.
Ensure all components match the design specifications provided.
Design Specifications:
Refer to the provided design for dimensions, colors, and layout.
Include all items and interactions as designed
Functionality:
put together all existing components to make up the admin users listing page
Accessibility:
Ensure all components are accessible and follow best practices
What did you do?
New Component: I created a new folder named app/components/SuperAminUsersPage which contains the code for users dashboard. I also created a folder named app/routes/users that links to the users page
Functionality: I created and designed the user table, card and static sidebar to form a complete user dashboard with filtering features that filters user's name. I also created the action icon button that pops out the edit and delete function
Dependency: I did npx shadcn-ui@latest add table and also installed @tanstack/react-table
Description
This pull request introduces the Super Admin User Listing page ensuring consistency with ShadCN UI components.
Changes proposed
What were you told to do?
Use existing card etc to ensure consistency. Ensure all components match the design specifications provided.
Refer to the provided design for dimensions, colors, and layout. Include all items and interactions as designed
put together all existing components to make up the admin users listing page
Ensure all components are accessible and follow best practices
What did you do?
New Component: I created a new folder named app/components/SuperAminUsersPage which contains the code for users dashboard. I also created a folder named app/routes/users that links to the users page
Functionality: I created and designed the user table, card and static sidebar to form a complete user dashboard with filtering features that filters user's name. I also created the action icon button that pops out the edit and delete function
Dependency: I did npx shadcn-ui@latest add table and also installed @tanstack/react-table
Check List (Check all the applicable boxes)
🚨Please review the contribution guideline for this repository.
Screenshots/Videos
figma