Uh oh!
There was an error while loading. Please reload this page.
[PE-6799] Web artist coin explore page - #12869
Conversation
🦋 Changeset detectedLatest commit: 205801f The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
| return '0' | ||
| } else { | ||
| return `${count}` | ||
| return `${count.toFixed(0)}` |
There was a problem hiding this comment.
what's this for? have we made sure it doesn't affect other usages?
There was a problem hiding this comment.
if number with many decimals like 1.4929494 is passed in, it displays the full number. this just rounds. i checked other usages, think we good.
Uh oh!
There was an error while loading. Please reload this page.
| return ( | ||
| <Page title={messages.title}> | ||
| <Flex column gap='xl'> | ||
| <Flex |
There was a problem hiding this comment.
pretty sure this is AI tryna make a Paper component. let's use Paper instead
There was a problem hiding this comment.
paper seems to add a white background, i think this is right?
page is also needed for the horizontal padding.
wat exactly did u have in mind?
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
| export const ArtistCoinsExplorePage = () => { | ||
| const dispatch = useDispatch() | ||
| const [searchValue, setSearchValue] = useState('') |
There was a problem hiding this comment.
we have a query param on the /coins endpoint that should be used for search.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
| return ( | ||
| <Text variant='body' size='m' color='default'> | ||
| {messages.dollarSign} | ||
| {coin.price.toFixed(4)} |
There was a problem hiding this comment.
feels wrong, we probably shouldn't show 0.000 for things that actually have a price
There was a problem hiding this comment.
need the subscript UI, made ticket: https://linear.app/audius/issue/PE-6834/coin-price-subscript-ui
| const renderMarketCapCell = (cellInfo: CoinCell) => { | ||
| const coin = cellInfo.row.original | ||
| return ( | ||
| <Text variant='body' size='m'> | ||
| {messages.dollarSign} | ||
| {formatCount(coin.marketCap)} | ||
| </Text> | ||
| ) | ||
| } | ||
| const renderVolume24hCell = (cellInfo: CoinCell) => { | ||
| const coin = cellInfo.row.original | ||
| return ( | ||
| <Text variant='body' size='m'> | ||
| {formatCount(coin.v24hUSD)} | ||
| </Text> | ||
| ) | ||
| } | ||
| const renderHoldersCell = (cellInfo: CoinCell) => { | ||
| const coin = cellInfo.row.original | ||
| return ( | ||
| <Text variant='body' size='m'> | ||
| {formatCount(coin.holder)} | ||
| </Text> | ||
| ) | ||
| } | ||
There was a problem hiding this comment.
feel like we don't have to hardcode each of these individually. some map over a list could do?
Uh oh!
There was an error while loading. Please reload this page.
| } | ||
| export const ArtistCoinsTable = ({ searchQuery }: ArtistCoinsTableProps) => { | ||
| const { data: coins, isLoading } = useArtistCoins() |
There was a problem hiding this comment.
we probably shouldn't load in all of the coins, need to think about pagination here
There was a problem hiding this comment.
we should be using isPending here instead of isLoading
Uh oh!
There was an error while loading. Please reload this page.
| ) | ||
| // Filter coins based on search query | ||
| const filteredCoins = useMemo(() => { |
There was a problem hiding this comment.
query on coins instead of this
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
[ebb2f7f] [PE-6856] Add check to see if the coin has a discord before rendering (#12910) Ray Jacobson [89e990c] [PE-6852] Fix artist coin gradient (#12909) Dylan Jeffers [f3860d1] [PE-6791, PE-6838] Launchpad QA and updates (#12907) Dylan Jeffers [81ceb79] [PE-6850] Redo launchpad first buy with audio instead of sol (#12912) JD Francis [aa7565b] Fix bug in asset details navigation (#12919) Reed [412c9fe] small mobile lint fix for useArtistCoin hook (#12918) KJ [08b0163] Use subscript notation in artist coin table (#12917) Reed [076c1a8] Filter $AUDIO from artist coins tables (#12916) Reed [70ee92d] Update buy artist coin button to open buy sell modal on web (#12915) KJ [6bc6e31] Artist coin row clickable (#12903) Reed [f42dac0] Ellipsize coin names in ArtistCoinTable (#12904) Reed [1203e91] [PE-6825] Add coin batching and cleanup (#12905) Dylan Jeffers [c32dd72] [PE-6842] Mobile web artist coins explore (#12902) Reed [414104e] [PE-6817, PE-6818] Update track screen and track tile for coin gating (#12887) KJ [6e46c76] Reduce coin calls in user-badges (#12888) Dylan Jeffers [838d0f6] Drop legacy wallet modal (#12827) Dylan Jeffers [68c0fe2] Fix anchor tag warning (#12892) Farid Salau [5abeed7] Use correct route on artist coin hover card (#12901) Farid Salau [8492b52] [PE-6820] Update mobile web track page for coin gating (#12899) KJ [eb8b1da] Make swaps work for new artist coins (#12900) Farid Salau [96763dc] [PE-6816] Update mobile upload flow for coin gating (#12898) KJ [d2926f7] Use env var for AUDIO mint instead of prod mint (#12897) Farid Salau [7fc0b16] Refactor Token Filtering and Display Logic for Artist Coins (#12893) Farid Salau [00ca789] Misc launchpad changes (#12889) JD Francis [39adddd] Fix token-info-row tooltip mount (#12895) Dylan Jeffers [d531909] [QA-2325] Fix audio balance user badges (#12894) JD Francis [74d42f6] [PE-6798] Launchpad use actual quote logic (#12877) JD Francis [e59ff70] [PE-6824] Web artist coins table sort, pagination (#12886) Reed [54cf5fb] Use webp search explore background image (#12885) Reed [d086c89] [PE-6788] Mobile coins explore page (#12882) Reed [d738ea1] [API-100] Add error handling for rewards claiming (#12890) Ray Jacobson [b808da5] [API-100] Integrate new Rewards endpoint with client (#12875) Ray Jacobson [2bf3f9d] Use price from BE in formatter and deprecate `useTokenPrice` (#12883) Farid Salau [1589e25] Fix your coins table on resizing (#12881) Farid Salau [3014683] Fix tooltip positioning in buy/sell modal (#12880) Farid Salau [53ee9c8] Only show audio card when feature flag is disabled (#12878) Farid Salau [0bff6aa] Several UI updates for Artist Coins (#12876) Farid Salau [50b8fcf] [PE-6808, PE-6809] Update track page and track tiles for coin gating (#12871) KJ [f0a7e57] [PE-6799] Web artist coin explore page (#12869) Reed [d7e40eb] [PE-6750] Buy/sell/swap modal v2 (#12864) Dylan Jeffers [582b918] [PE-6807] Update upload flow for token gating (#12867) KJ [05e9fb5] Fix download all when track download not available (#12868) Dylan Jeffers
Description
Web artist coin explore page + Artist coins table
How Has This Been Tested?
Screen.Recording.2025-09-12.at.1.07.19.PM.mov