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

Create responsive table component #178

Open
3 tasks
nevendyulgerov opened this issue May 9, 2024 · 0 comments
Open
3 tasks

Create responsive table component #178

nevendyulgerov opened this issue May 9, 2024 · 0 comments
Assignees
Labels
apps: web Type: Enhancement Improve an existing feature / design

Comments

@nevendyulgerov
Copy link
Contributor

📄 Context

We already have several tables in the app and most of those need to be responsive. As the app evolves, we'll probably add more tables. Currently, the code for responsive tables is spread across their related components. It makes sense that we extract it into a single reusable component so we can:

  • quickly bootstrap responsive tables in the app
  • create responsive tables on the fly, without the need to remember this implementation detail (as currently is required for standard tables)

✔️ Solution

Create a wrapper component ResponsiveTable for mantine's Table component, so that it is responsive by design. It should work as the responsive table on the inputs page.

📈 Subtasks

  • Utilise ResponsiveTable in all places where responsive tables are required.
  • Remove old, duplicate code related to the responsive table behaviour.

🎯 Definition of Done

  • All responsive tables are displayed as before but powered by the new ResponsiveTable component.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
apps: web Type: Enhancement Improve an existing feature / design
Projects
Status: 🧑‍💻 In Progress
Development

No branches or pull requests

2 participants