[PAY-2701] Add favorites (saves) column to TracksTable (#8140)

AudiusProject · Apr 22, 2024 · 8c3d050 · 8c3d050
1 parent d71db62
commit 8c3d050
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/packages/web/src/components/tracks-table/TracksTable.tsx b/packages/web/src/components/tracks-table/TracksTable.tsx
@@ -60,6 +60,7 @@ export type TracksTableColumn =
   | 'plays'
   | 'releaseDate'
   | 'reposts'
+  | 'saves'
   | 'savedDate'
   | 'spacer'
   | 'trackName'
@@ -290,6 +291,11 @@ export const TracksTable = ({
     return moment(track.dateSaved).format('M/D/YY')
   }, [])
 
+  const renderSavesCell = useCallback((cellInfo: TrackCell) => {
+    const track = cellInfo.row.original
+    return formatCount(track.save_count)
+  }, [])
+
   const renderReleaseDateCell = useCallback((cellInfo: TrackCell) => {
     const track = cellInfo.row.original
     let suffix = ''
@@ -572,6 +578,16 @@ export const TracksTable = ({
         disableResizing: true,
         disableSortBy: true
       },
+      saves: {
+        id: 'saves',
+        Header: 'Favorites',
+        accessor: 'save_count',
+        Cell: renderSavesCell,
+        maxWidth: 160,
+        sortTitle: 'Favorites',
+        sorter: numericSorter('save_count'),
+        align: 'right'
+      },
       overflowActions: {
         id: 'trackActions',
         Cell: renderTrackActions,
@@ -644,7 +660,8 @@ export const TracksTable = ({
       renderReleaseDateCell,
       renderRepostsCell,
       renderTrackActions,
-      renderTrackNameCell
+      renderTrackNameCell,
+      renderSavesCell
     ]
   )
 

diff --git a/packages/web/src/pages/dashboard-page/components/ArtistDashboardAlbumsTab.tsx b/packages/web/src/pages/dashboard-page/components/ArtistDashboardAlbumsTab.tsx
@@ -17,6 +17,7 @@ const albumTableColumns: TracksTableColumn[] = [
   'spacer',
   'trackName',
   'releaseDate',
+  'saves',
   'reposts',
   'overflowMenu'
 ]

diff --git a/packages/web/src/pages/dashboard-page/components/ArtistDashboardTracksTab.tsx b/packages/web/src/pages/dashboard-page/components/ArtistDashboardTracksTab.tsx
@@ -20,6 +20,7 @@ const tracksTableColumns: TracksTableColumn[] = [
   'releaseDate',
   'length',
   'plays',
+  'saves',
   'reposts',
   'overflowMenu'
 ]