fix tabs

components/shared/SecondaryTabBar.tsx

@@ -9,7 +9,7 @@ const SecondaryTabBar = ({
   setActiveTab: (tab: string) => void
   tabs: string[]
 }) => {
-  const { t } = useTranslation(['common', 'activity'])
+  const { t } = useTranslation(['common', 'activity', 'trade'])
   return (
     <div className="flex h-14 items-center justify-between bg-th-bkg-2">
       <div className="hide-scroll flex space-x-2 pl-4 md:pl-6">

components/stats/PerpStats.tsx

@@ -6,7 +6,7 @@ import PerpMarketsDetailsTable from './PerpMarketDetailsTable'
 import PerpMarketsOverviewTable from './PerpMarketsOverviewTable'
 import PerpMarketsPositions from './PerpMarketsPositions'
 
-export const TABS = ['overview', 'details', 'trade:positions']
+const TABS = ['overview', 'details', 'trade:positions']
 
 const PerpStats = () => {
   const [activeTab, setActiveTab] = useState(TABS[0])

components/stats/TokenStats.tsx

@@ -4,7 +4,8 @@ import useMangoAccount from 'hooks/useMangoAccount'
 import SecondaryTabBar from '@components/shared/SecondaryTabBar'
 import TokenOverviewTable from './TokenOverviewTable'
 import TokenDetailsTable from './TokenDetailsTable'
-import { TABS } from './PerpStats'
+
+const TABS = ['overview', 'details']
 
 const TokenStats = () => {
   const [activeTab, setActiveTab] = useState(TABS[0])