[PAY-2794] Use UserLink for purchases/sales tables (#8306)

AudiusProject · May 2, 2024 · 4d37233 · 4d37233
1 parent 4abc13b
commit 4d37233
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/web/src/pages/pay-and-earn-page/components/PurchasesTable.tsx b/packages/web/src/pages/pay-and-earn-page/components/PurchasesTable.tsx
@@ -5,8 +5,8 @@ import { formatUSDCWeiToUSDString } from '@audius/common/utils'
 import BN from 'bn.js'
 import moment from 'moment'
 
+import { UserLink } from 'components/link'
 import { Table } from 'components/table'
-import { UserNameAndBadges } from 'components/user-name-and-badges/UserNameAndBadges'
 
 import { PurchaseCell, PurchaseRow } from '../types'
 import { isEmptyPurchaseRow } from '../utils'
@@ -60,7 +60,7 @@ const renderContentNameCell = (cellInfo: PurchaseCell) => {
 
 const renderArtistCell = (cellInfo: PurchaseCell) => {
   const { sellerUserId } = cellInfo.row.original
-  return <UserNameAndBadges userId={sellerUserId} />
+  return <UserLink popover userId={sellerUserId} />
 }
 
 const renderDateCell = (cellInfo: PurchaseCell) => {

diff --git a/packages/web/src/pages/pay-and-earn-page/components/SalesTable.tsx b/packages/web/src/pages/pay-and-earn-page/components/SalesTable.tsx
@@ -5,8 +5,8 @@ import { formatUSDCWeiToUSDString } from '@audius/common/utils'
 import { BN } from 'bn.js'
 import moment from 'moment'
 
+import { UserLink } from 'components/link'
 import { Table } from 'components/table'
-import { UserNameAndBadges } from 'components/user-name-and-badges/UserNameAndBadges'
 
 import styles from '../PayAndEarnPage.module.css'
 import { PurchaseCell, PurchaseRow } from '../types'
@@ -58,7 +58,7 @@ const renderContentNameCell = (cellInfo: PurchaseCell) => {
 
 const renderBuyerCell = (cellInfo: PurchaseCell) => {
   const { buyerUserId } = cellInfo.row.original
-  return <UserNameAndBadges userId={buyerUserId} />
+  return <UserLink popover userId={buyerUserId} />
 }
 
 const renderDateCell = (cellInfo: PurchaseCell) => {