Skip to content
This repository was archived by the owner on Oct 4, 2023. It is now read-only.

[C-745, C-746, C-747, C-748, C-750, C-752, C-811, C-812] New Tables#1700

Merged
Kyle-Shanks merged 4 commits into
mainfrom
kj-New-Tables
Aug 17, 2022
Merged

[C-745, C-746, C-747, C-748, C-750, C-752, C-811, C-812] New Tables#1700
Kyle-Shanks merged 4 commits into
mainfrom
kj-New-Tables

Conversation

@Kyle-Shanks

@Kyle-Shanks Kyle-Shanks commented Aug 9, 2022

Copy link
Copy Markdown
Contributor

Add react-table and react-virtualized, create new components for the new table and table components for testing, and replace the tables in the favorites page, history page, and collection pages for testing

Will add this to a subdomain for easy testing and feedback

Description

  • react-table and react-virtualized packages added
  • TestTable, TestTracksTable (and button components) added
  • TracksTable replaced in history page, favorites page, and collections page (playlists and albums)
  • Add feature flag

Dragons

Lots of updates here and things that are still to update after initial review and feedback.

Known Issues

  • Artist dashboard tables has not been replaced
  • Resizing allows the user to expand the columns to make things overflow on the right
  • There is no horizontal scrolling
  • There is no drag & drop
  • There is no fetch more on scroll near bottom functionality, but that should be easy to implement bc react-table has things for this
    • Was waiting for backend changes to get in
  • There is a light flicker when hovering the artist name on history and favorites page
    • Only happens the first time

How Has This Been Tested?

Lots of testing done, lots of testing to go

How will this change be monitored?

👀

Feature Flags

NEW_TABLES feature flag added

@Kyle-Shanks Kyle-Shanks changed the title [C-745, C-746, C-747, C-748, C-750, C-752] New Tables [C-745, C-746, C-747, C-748, C-750, C-752, C-811] New Tables Aug 11, 2022
@Kyle-Shanks Kyle-Shanks changed the title [C-745, C-746, C-747, C-748, C-750, C-752, C-811] New Tables [C-745, C-746, C-747, C-748, C-750, C-752, C-811, C-812] New Tables Aug 11, 2022

@sliptype sliptype left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Amazing stuff dude! This all looks great

Might be cool to rename the new table Table and the old one TableLegacy or something

Comment thread packages/web/src/components/test-table/TestTable.tsx Outdated
Comment thread packages/web/src/components/test-table/TestTable.tsx
Comment thread packages/web/src/components/test-table/TestTable.tsx Outdated
Comment thread packages/web/src/components/test-table/TestTable.tsx Outdated
Comment thread packages/web/src/components/test-tracks-table/TestTracksTable.tsx Outdated
) : null}
{isNewTablesEnabled ? (
<TableComponent
// @ts-ignore

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

🤔

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

This was due to artistName not being present in both the nft playlist table columns and the tracks table columns. Not sure what the best way to guarantee that the columns correspond to the correct type of table

Comment thread packages/web/src/pages/history-page/HistoryPageProvider.tsx
@audius-infra

Copy link
Copy Markdown
Collaborator

Preview this change https://demo.audius.co/kj-New-Tables

…new table and table components for testing, and replace the tables in the favorites page, history page, and collection pages for testing
…eral table utils and components to better files, and add a collectibles table for the collectibles playlist
@Kyle-Shanks Kyle-Shanks merged commit 371dcdd into main Aug 17, 2022
@Kyle-Shanks Kyle-Shanks deleted the kj-New-Tables branch August 17, 2022 21:32
@sliptype sliptype mentioned this pull request Aug 18, 2022
@AudiusProject AudiusProject deleted a comment from linear Bot Sep 11, 2023
@AudiusProject AudiusProject deleted a comment from linear Bot Sep 11, 2023
@AudiusProject AudiusProject deleted a comment from linear Bot Sep 11, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants