Fix Decimals (#29)

components/home/charts/retail-volume.tsx

@@ -252,7 +252,7 @@ export default function RetailVolumeChart() {
   );
   return (
     <ChartWrapper
-      title='Retail Volume'
+      title='Non-HLP Volume'
       loading={loading}
       zIndex={9}
       controls={controls}
@@ -361,8 +361,8 @@ export default function RetailVolumeChart() {
       </ResponsiveContainer>
       <Box w='100%' mt='3'>
         <Text color='#bbb'>
-          This measures two-sided volume, i.e. each side of a trade is counted once if that side is
-          retail.
+        This measures two-sided volume, i.e. each side of a trade is counted once if that side is retail.
+        This previously tracked retail volume, but was changed in February, 2024 to non-HLP volume.
         </Text>
       </Box>
     </ChartWrapper>

components/home/charts/unique-users-coin.tsx

@@ -182,7 +182,7 @@ export default function UniqueUsers() {
 
   return (
     <ChartWrapper
-      title='Unique Users Percentage By Coin'
+      title='Unique Traders Percentage By Coin'
       loading={loading}
       zIndex={8}
       coinSelectors={coinSelectors}
@@ -252,15 +252,15 @@ export default function UniqueUsers() {
             stroke={BRIGHT_GREEN}
             dataKey='daily_unique_users'
             yAxisId='right'
-            name='Daily Unique Users'
+            name='Daily Unique Traders'
           />
         </ComposedChart>
       </ResponsiveContainer>
       <Box w='100%' mt='3'>
         <Text color='#bbb'>
-          The line is the number of unique addresses who used Hyperliquid each day, bars represent
-          proportion of users who traded specific coins. Total exceeds 100% as users can trade
-          multiple coins. Top 10 coins are shown separately and the rest are grouped as Other.
+           The line is the number of unique addresses who traded on Hyperliquid each day, bars represent
+           proportion of users who traded specific coins. Total exceeds 100% as users can trade
+           multiple coins. Top 10 coins are shown separately and the rest are grouped as Other.
         </Text>
       </Box>
     </ChartWrapper>

helpers/index.ts

@@ -185,7 +185,7 @@ export const yaxisFormatterNumber = (value: number): string => {
 };
 
 export const yaxisFormatter = (value: number): string => {
-  return formatNumberWithOptions(value, { currency: true, compact: true }, 0);
+  return formatNumberWithOptions(value, { currency: true, compact: true });
 };
 
 export const tooltipFormatterNumber = (value: number | string): string => {