From 83288f6cb6e855490ccc7255e71c16283ff63f98 Mon Sep 17 00:00:00 2001
From: Dylan Jeffers <dylan@audius.co>
Date: Thu, 2 Oct 2025 16:11:14 -0700
Subject: [PATCH] [PE-7050] Add dollar sign to ticker

---
 .../ArtistCoinsExploreScreen.tsx              |  2 +-
 .../components/BalanceCard.tsx                | 30 ++++++++++++-------
 .../CoinLeaderboardScreen.tsx                 |  2 +-
 3 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/packages/mobile/src/screens/artist-coins-explore-screen/ArtistCoinsExploreScreen.tsx b/packages/mobile/src/screens/artist-coins-explore-screen/ArtistCoinsExploreScreen.tsx
index 9a52ac65120..aaf43fc48bd 100644
--- a/packages/mobile/src/screens/artist-coins-explore-screen/ArtistCoinsExploreScreen.tsx
+++ b/packages/mobile/src/screens/artist-coins-explore-screen/ArtistCoinsExploreScreen.tsx
@@ -52,7 +52,7 @@ const CoinRow = ({ coin, onPress }: CoinRowProps) => {
               {coin.name}
             </Text>
             <Text variant='body' size='s' color='subdued'>
-              {coin.ticker}
+              ${coin.ticker}
             </Text>
           </Flex>
 
diff --git a/packages/mobile/src/screens/coin-details-screen/components/BalanceCard.tsx b/packages/mobile/src/screens/coin-details-screen/components/BalanceCard.tsx
index a697f04895d..daff366c53c 100644
--- a/packages/mobile/src/screens/coin-details-screen/components/BalanceCard.tsx
+++ b/packages/mobile/src/screens/coin-details-screen/components/BalanceCard.tsx
@@ -19,27 +19,34 @@ import { useNavigation } from 'app/hooks/useNavigation'
 const messages = coinDetailsMessages.balance
 
 type BalanceStateProps = {
-  title: string
+  ticker: string
   logoURI?: string
   onBuy?: () => void
   onReceive?: () => void
   onSend?: () => void
+  coinName: string
 }
 
 const ZeroBalanceState = ({
-  title,
+  ticker,
   logoURI,
   onBuy,
-  onReceive
+  onReceive,
+  coinName
 }: BalanceStateProps) => {
   const isManagerMode = useIsManagedAccount()
   return (
     <Flex column gap='l' w='100%'>
       <Flex row gap='s' alignItems='center'>
         <TokenIcon logoURI={logoURI} size={64} />
-        <Text variant='heading' size='l' color='subdued'>
-          {title}
-        </Text>
+        <Flex column gap='2xs'>
+          <Text variant='heading' size='s'>
+            {coinName}
+          </Text>
+          <Text variant='title' size='l' color='subdued'>
+            ${ticker}
+          </Text>
+        </Flex>
       </Flex>
       <Paper
         column
@@ -53,7 +60,7 @@ const ZeroBalanceState = ({
         <Text variant='heading' size='s'>
           {messages.becomeAMember}
         </Text>
-        <Text>{messages.hintDescription(title)}</Text>
+        <Text>{messages.hintDescription(ticker)}</Text>
       </Paper>
       <Flex column gap='s'>
         <Button
@@ -73,7 +80,7 @@ const ZeroBalanceState = ({
 }
 
 const HasBalanceState = ({
-  title,
+  ticker,
   logoURI,
   onBuy,
   onSend,
@@ -99,7 +106,7 @@ const HasBalanceState = ({
                 {tokenBalanceFormatted}
               </Text>
               <Text variant='title' size='l' color='subdued'>
-                {title}
+                ${ticker}
               </Text>
             </Flex>
           </Flex>
@@ -178,14 +185,15 @@ export const BalanceCard = ({ mint }: { mint: string }) => {
       {!tokenBalance?.balance ||
       Number(tokenBalance.balance.toString()) === 0 ? (
         <ZeroBalanceState
-          title={title}
+          ticker={title}
           logoURI={logoURI}
           onBuy={handleBuy}
           onReceive={handleReceive}
+          coinName={coinName}
         />
       ) : (
         <HasBalanceState
-          title={title}
+          ticker={title}
           logoURI={logoURI}
           onBuy={handleBuy}
           onSend={handleSend}
diff --git a/packages/mobile/src/screens/user-list-screen/CoinLeaderboardScreen.tsx b/packages/mobile/src/screens/user-list-screen/CoinLeaderboardScreen.tsx
index b2cbebee205..7f6e9b40e53 100644
--- a/packages/mobile/src/screens/user-list-screen/CoinLeaderboardScreen.tsx
+++ b/packages/mobile/src/screens/user-list-screen/CoinLeaderboardScreen.tsx
@@ -14,7 +14,7 @@ import { UserList } from './UserList'
 import { UserListScreen } from './UserListScreen'
 
 const messages = {
-  title: (ticker: string) => `${ticker + ' '}Leaderboard`
+  title: (ticker: string) => `${ticker} Members`
 }
 
 export const CoinLeaderboardScreen = () => {