-
Notifications
You must be signed in to change notification settings - Fork 0
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.
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
Student details table #1
Conversation
…etailsTable component in MainCard of students/index. Pagination and sort states included but not being used as api is not developed yet.
…to null in api/cePlanService and api/ceSessionService
Visit the preview URL for this PR (updated for commit 71e7cb0): https://culturous-exchange--pr1-studentdetailstable-1rdiqcys.web.app (expires Tue, 24 Dec 2024 00:03:10 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: adcc28caa9b7c1d3b1670a080fce5f1f054a3a92 |
src/pages/students/index.tsx
Outdated
@@ -13,6 +14,7 @@ const StudentsPage: React.FC = () => { | |||
<Typography>List/Table of students enrolled in the program.</Typography> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's remove pseudo code as features are implemented.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks really good.
Let's continue adding functionality like sorting. It will also be worth your while to use a larger dataset to test paging.
Description
This a basic data table component with name, age, and country. I used the existing Student type and service and added a hard coded age property to the two examples. The component is rendered in the MainCard of student/index.tsx
I used the pages/sessions/SessionsTable.tsx as guide for style and the implementation is basically that minus the refresh.
The pagination and sorting are kept as 'server' though it's not set up yet of course -- just following suit with that model for tables.
What type of PR is this? (check all applicable)
Related Tickets & Documents
https://das-culturousexchange-team.atlassian.net/browse/SCRUM-11
QA Instructions, Screenshots, Recordings
Please replace this line with instructions on how to test your changes, as well as any relevant images for UI changes.