create perp stats overview component

components/stats/PerpMarketsOverview.tsx

@@ -0,0 +1,25 @@
+import PerpMarketsOverviewTable from './PerpMarketsOverviewTable'
+// import mangoStore from '@store/mangoStore'
+// import { getLargestPerpPositions } from '@blockworks-foundation/mango-v4'
+
+// const getLargestOpenPositions = async () => {
+//   const client = mangoStore.getState().client
+//   const group = mangoStore.getState().group
+//   if (!group) return
+//   const positions = await getLargestPerpPositions(client, group).then(
+//     (res) => res
+//   )
+//   console.log(positions)
+//   return positions
+// }
+
+const PerpMarketsOverview = () => {
+  //   const largestPositions = async () => {
+  //     const positions = await getLargestOpenPositions()
+  //     return positions
+  //   }
+
+  return <PerpMarketsOverviewTable />
+}
+
+export default PerpMarketsOverview

components/stats/PerpStats.tsx

@@ -2,8 +2,8 @@ import { useEffect, useState } from 'react'
 import mangoStore from '@store/mangoStore'
 import useMangoAccount from 'hooks/useMangoAccount'
 import SecondaryTabBar from '@components/shared/SecondaryTabBar'
-import PerpMarketsOverviewTable from './PerpMarketsOverviewTable'
 import PerpMarketsDetailsTable from './PerpMarketDetailsTable'
+import PerpMarketsOverview from './PerpMarketsOverview'
 
 export const TABS = ['overview', 'details']
 
@@ -33,11 +33,11 @@ const PerpStats = () => {
 const TabContent = ({ activeTab }: { activeTab: string }) => {
   switch (activeTab) {
     case TABS[0]:
-      return <PerpMarketsOverviewTable />
+      return <PerpMarketsOverview />
     case TABS[1]:
       return <PerpMarketsDetailsTable />
     default:
-      return <PerpMarketsOverviewTable />
+      return <PerpMarketsOverview />
   }
 }
 

package.json

@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "@blockworks-foundation/mango-feeds": "0.1.6",
-    "@blockworks-foundation/mango-v4": "^0.16.9",
+    "@blockworks-foundation/mango-v4": "^0.16.10",
     "@headlessui/react": "1.6.6",
     "@heroicons/react": "2.0.10",
     "@metaplex-foundation/js": "0.18.3",

yarn.lock

@@ -21,10 +21,10 @@
   dependencies:
     ws "^8.13.0"
 
-"@blockworks-foundation/mango-v4@^0.16.9":
-  version "0.16.9"
-  resolved "https://registry.yarnpkg.com/@blockworks-foundation/mango-v4/-/mango-v4-0.16.9.tgz#85cdc374bc057d5ff37ec80fc097af6743c022ab"
-  integrity sha512-UYw3lqLWyHwPG4bRB5xff0ozpCpXLsbjqCthwAj7YFQqo1WMrKqLPUwI9wDi09aJWhkmAvdJbzRDy2y7FyevAQ==
+"@blockworks-foundation/mango-v4@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@blockworks-foundation/mango-v4/-/mango-v4-0.16.10.tgz#18ab22e1c3f2effb9ba03ff4e6dd316210a0434a"
+  integrity sha512-ZVfcF9AvP8TIwRbtfAq1WGAT5atKmNj8WjjL46sqbk21P2Ei30KFevSwSakpk4eElmJozpsXr/+XEHPgPHAWPA==
   dependencies:
     "@coral-xyz/anchor" "^0.27.0"
     "@project-serum/serum" "0.13.65"