From fbd6eeda3beac9421d2704b584a05eeef6ffd689 Mon Sep 17 00:00:00 2001
From: Tyler Shipe <tjshipe@gmail.com>
Date: Mon, 23 Aug 2021 13:58:37 -0400
Subject: [PATCH] use loaded perp market to display open interest

---
 components/MarketHeader.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/components/MarketHeader.tsx b/components/MarketHeader.tsx
index 9c4b46ac..2510b748 100644
--- a/components/MarketHeader.tsx
+++ b/components/MarketHeader.tsx
@@ -9,6 +9,7 @@ import useOraclePrice from '../hooks/useOraclePrice'
 import DayHighLow from './DayHighLow'
 import { useEffect } from 'react'
 import { formatUsdValue } from '../utils'
+import { PerpMarket } from '@blockworks-foundation/mango-client'
 
 function calculateFundingRate(perpStats, perpMarket, oraclePrice) {
   const oldestStat = perpStats[perpStats.length - 1]
@@ -34,10 +35,10 @@ function calculateFundingRate(perpStats, perpMarket, oraclePrice) {
   return (fundingInQuoteDecimals / basePriceInBaseLots) * 100
 }
 
-function parseOpenInterest(perpStats, perpMarket) {
-  if (!perpStats?.length || !perpMarket) return 0
+function parseOpenInterest(perpMarket: PerpMarket) {
+  if (!perpMarket) return 0
 
-  return perpMarket.baseLotsToNumber(perpStats[0].openInterest / 2)
+  return perpMarket.baseLotsToNumber(perpMarket.openInterest) / 2
 }
 
 const MarketHeader = () => {
@@ -232,11 +233,8 @@ const MarketHeader = () => {
                   Open Interest
                 </div>
                 <div className="font-semibold text-th-fgd-1 text-xs">
-                  {parseOpenInterest(perpStats, selectedMarket) ? (
-                    `${parseOpenInterest(
-                      perpStats,
-                      selectedMarket
-                    )} ${baseSymbol}`
+                  {selectedMarket ? (
+                    `${parseOpenInterest(selectedMarket)} ${baseSymbol}`
                   ) : (
                     <MarketDataLoader />
                   )}