Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FE] Admin-Panel: Members Management - View, Search, and Filter User List #454

Open
wants to merge 9 commits into
base: staging
Choose a base branch
from
Open

[FE] Admin-Panel: Members Management - View, Search, and Filter User List #454

wants to merge 9 commits into from

Conversation

petark7
Copy link
Member

@petark7 petark7 commented Nov 22, 2024

Summary of Changes

  • Implemented an admin panel for managing members. This allows admins to:
    • List, search, and sort members.
    • Enhance the user experience through improved table styling.
  • Created a reusable dropdown component for consistent and modular UI.

Splash Damage

  • UI changes might affect other components where <ReusableTable /> is rendered. These should be tested for regressions.

Limitations and Future Work

  • Filtering is not implemented yet due to backend unavailability. Once the backend supports this, it can be added in a future PR.
  • Currently, the search functionality only works for the first and last names. Email search is not yet supported.

Manual Test Steps

  1. Setup:
    • Clone the repository and check out the feature branch.
    • Run npm install to install dependencies.
    • Obtain an admin bearer token from the API: API Documentation Link.
    • Set the token in your .env file: 
      NEXT_PUBLIC_BEARER=[OBTAINED TOKEN HERE]
  2. Verify Functionality:
    • Navigate to http://localhost:3000/admin-panel/manage-members.
    • Confirm the following features are working as expected:
      • Fetching member data.
      • Search functionality for first and last names.
      • Pagination and sorting.
    • Test responsiveness on different screen sizes.

@petark7
Implement initial table & fetching mechanism
b33bd57 
- create query hooks
- export types to their own folder
- create both server & client components for improved initial load
@petark7
feat: ✨ Implement pagination and table UI fixes
481de61 
Add pagination to the table, update table and table head styles for improved UI, fix UI bug in the table head
@petark7
Additional UI improvements to table
5c0638e 
Adjust padding in head and body
@petark7
feat: ✨ Implement sorting functionality
fd18829 
Implement a reusable dropdown element. Implement the dropdown element for sorting via backend API.
@petark7
Adjust SCSS
63d43a9 
- adjust SCSS for improved mobile adaptability
- adjust components for reusability (<Input/> and <ReusableDropdown/>)
- add initial version of the search bar (no functionality yet)
@petark7
Implement search bar
53967be 
- connect search bar with backend
- clean up code within the getMembers hook (create buildMembersUrl util)
@petark7
Fix types
e35265b
@vercel Vercel
Copy link

vercel bot commented Nov 22, 2024 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
app ❌ Failed (Inspect) Dec 1, 2024 6:14pm

@petark7 petark7 linked an issue Nov 22, 2024 that may be closed by this pull request
[FE] Admin-Panel: Members Management - View, Search, and Filter User List #445
Open
6 tasks
edichoska
edichoska previously approved these changes Nov 24, 2024
View reviewed changes
Copy link
Contributor

@edichoska edichoska left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👏

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@edichoska edichoska edichoska left review comments

@Tikkurilla Tikkurilla Awaiting requested review from Tikkurilla

At least 1 approving review is required to merge this pull request.

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

[FE] Admin-Panel: Members Management - View, Search, and Filter User List
2 participants
@petark7 @edichoska