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.

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

[Components] Add Table component and update navigation links #6372

Open
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

Souradip121
Copy link
Contributor

@Souradip121 Souradip121 commented Apr 5, 2025

Description

This PR fixes #5962

Notes for Reviewers

Screen.Recording.2025-04-05.160804.mp4

After observing the progress made by @eyeaadil, I noticed that there was usage of @mui/material in his PR #6231, which should not be the case, as pointed out by @sudhanshutech in the review.
After reading the PR, I also found that he had not implemented proper navigation after adding table, and had used props from @mui/material, not from @layer5/sistent. Then I began studying Table component of @layer5/sistent where I found there was no Stripped Table variant, no Bordered Cells variant.
Therefore, I implemented the table component from Sistent without those variants and without any using Material UI.
I am going to create an issue for adding those variants of Table in Sistent. Another thing I noticed after going through the documentation of sistent components like Select there was usage of @mui/material and no import of Select from layer5/sistent
image

Signed commits

  • Yes, I signed my commits.

Signed-off-by: Souradip Pal <souradip1000@gmail.com>
@l5io
Copy link
Contributor

l5io commented Apr 5, 2025

🚀 Preview for commit 8a1b0d8 at: https://67f11345ea4a3ebfac617338--layer5.netlify.app

import {
SistentThemeProvider,
Table,
TableBody,
Copy link
Member

Choose a reason for hiding this comment

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

don't use this table , we have already a component named responsive table in place use that to document. Including how columns and search are displayed as optional for tables. Checkout sistent and meshery for actual component

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Are you referring to ResponsiveDataTable @sudhanshutech ?

Copy link
Member

Choose a reason for hiding this comment

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

@vishalvivekm
Copy link
Contributor

@Souradip121
Thank you for your contribution!
Let's discuss this during the website call today at 5:30 PM IST

adding it as an agenda item to the meeting minutes.

@l5io
Copy link
Contributor

l5io commented Apr 7, 2025

🚀 Preview for commit 98d1195 at: https://67f3a3fe901b4bd31b38b456--layer5.netlify.app

…roved responsiveness and features

Signed-off-by: Souradip Pal <souradip1000@gmail.com>
@l5io
Copy link
Contributor

l5io commented Apr 13, 2025

🚀 Preview for commit 9fe7f9c at: https://67fb602a934d908cec982bb4--layer5.netlify.app

@Souradip121
Copy link
Contributor Author

image
I have implemented ResponsiveDataTable @sudhanshutech
But it is looking like this :)

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

Successfully merging this pull request may close these issues.

[Sistent] Add Table component to the sistent components page
4 participants