From dcdcb2448fba39a1e53a2d56a97d61cbc6c34370 Mon Sep 17 00:00:00 2001
From: Oscar Buck <0xoscario@gmail.com>
Date: Fri, 5 Jul 2024 21:42:09 -0400
Subject: [PATCH 1/2] Update token balance as USD

---
 src/pages/PerpsPage/GraphHeader.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/PerpsPage/GraphHeader.tsx b/src/pages/PerpsPage/GraphHeader.tsx
index dc42451b1..7a4c39ab8 100644
--- a/src/pages/PerpsPage/GraphHeader.tsx
+++ b/src/pages/PerpsPage/GraphHeader.tsx
@@ -5,6 +5,7 @@ import { Box, Popover, useMediaQuery, useTheme } from '@material-ui/core';
 import { formatNumber, getPerpsSymbol } from 'utils';
 import { SearchInput } from 'components';
 import { LeverageManage } from './LeverageManage';
+import { formatDollarAmount } from 'utils/numbers';
 
 interface Props {
   tokenSymbol: string;
@@ -233,7 +234,9 @@ export const GraphHeader: React.FC<Props> = ({
             </Box>
             <Box>
               <p className='span text-secondary'>Open Interest</p>
-              <p className='span'>{token?.open_interest}</p>
+              <p className='span'>
+                {formatDollarAmount(token?.mark_price * token?.open_interest)}
+              </p>
             </Box>
           </>
         )}

From c354a5fed4d0e2c06827fe9ac7798977e71c1bca Mon Sep 17 00:00:00 2001
From: Oscar Buck <0xoscario@gmail.com>
Date: Fri, 5 Jul 2024 22:00:02 -0400
Subject: [PATCH 2/2] Fix funding rate

---
 src/pages/PerpsPage/GraphHeader.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/PerpsPage/GraphHeader.tsx b/src/pages/PerpsPage/GraphHeader.tsx
index 7a4c39ab8..96329d933 100644
--- a/src/pages/PerpsPage/GraphHeader.tsx
+++ b/src/pages/PerpsPage/GraphHeader.tsx
@@ -219,7 +219,9 @@ export const GraphHeader: React.FC<Props> = ({
             <Box>
               <p className='span text-secondary'>Funding Rate Long</p>
               <p className='span'>
-                <span className='text-error'>-{token?.est_funding_rate}%</span>{' '}
+                <span className='text-error'>
+                  -{parseFloat(token?.est_funding_rate) * 100}%
+                </span>{' '}
                 in {timeDifference}
               </p>
             </Box>
@@ -227,7 +229,7 @@ export const GraphHeader: React.FC<Props> = ({
               <p className='span text-secondary'>Funding Rate Short</p>
               <p className='span'>
                 <span className='text-success'>
-                  +{token?.est_funding_rate}%
+                  +{parseFloat(token?.est_funding_rate) * 100}%
                 </span>{' '}
                 in {timeDifference}
               </p>