QA Updates for new artist dashboard table (#2060)

AudiusProject · Oct 4, 2022 · 907f45c · 907f45c
1 parent 4adfcdf
commit 907f45c
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/packages/web/src/components/test-tracks-table/TestTracksTable.tsx b/packages/web/src/components/test-tracks-table/TestTracksTable.tsx
@@ -34,6 +34,7 @@ export type TracksTableColumn =
   | 'plays'
   | 'releaseDate'
   | 'reposts'
+  | 'spacer'
   | 'trackName'
 
 type TestTracksTableProps = {
@@ -467,6 +468,13 @@ export const TestTracksTable = ({
         sortTitle: 'Track Name',
         sorter: alphaSorter('title'),
         align: 'left'
+      },
+      spacer: {
+        id: 'spacer',
+        maxWidth: 24,
+        minWidth: 24,
+        disableSortBy: true,
+        disableResizing: true
       }
     }),
     [

diff --git a/packages/web/src/pages/artist-dashboard-page/ArtistDashboardPage.module.css b/packages/web/src/pages/artist-dashboard-page/ArtistDashboardPage.module.css
@@ -95,7 +95,7 @@
 .tabContainer {
   width: 100%;
   display: flex;
-  padding-top: 32px;
+  padding-top: 48px;
   margin-left: 8px;
 }
 
@@ -105,8 +105,7 @@
 
 .filterInputContainer {
   position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
+  top: 20px;
   right: 24px;
 }
 

diff --git a/packages/web/src/pages/artist-dashboard-page/ArtistDashboardPage.tsx b/packages/web/src/pages/artist-dashboard-page/ArtistDashboardPage.tsx
@@ -177,6 +177,7 @@ const makeColumns = (account: User, isUnlisted: boolean) => {
 }
 
 const tableColumns: TracksTableColumn[] = [
+  'spacer',
   'trackName',
   'releaseDate',
   'length',
@@ -210,10 +211,11 @@ const TracksTableContainer = ({
       {
         text: messages.unlistedTracksTabTitle,
         icon: <IconHidden />,
-        label: messages.unlistedTracksTabTitle
+        label: messages.unlistedTracksTabTitle,
+        disabled: !unlistedDataSource.length
       }
     ],
-    []
+    [unlistedDataSource.length]
   )
 
   const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -247,9 +249,11 @@ const TracksTableContainer = ({
             data={filteredListedData}
             columns={tableColumns}
             onClickRow={onClickRow}
+            onClickTrackName={onClickRow}
             loading={tracksStatus === Status.LOADING}
             fetchPage={handleFetchPage}
             pageSize={tablePageSize}
+            userId={account.user_id}
             showMoreLimit={5}
             onShowMoreToggle={tabRecalculator.recalculate}
             totalRowCount={account.track_count}
@@ -275,10 +279,12 @@ const TracksTableContainer = ({
             data={filteredUnlistedData}
             columns={tableColumns}
             onClickRow={onClickRow}
+            onClickTrackName={onClickRow}
             loading={tracksStatus === Status.LOADING}
             fetchPage={handleFetchPage}
             pageSize={tablePageSize}
             showMoreLimit={5}
+            userId={account.user_id}
             onShowMoreToggle={tabRecalculator.recalculate}
             totalRowCount={account.track_count}
             isPaginated