Merge branch 'main' into alpha

components/stats/StatsPage.tsx

@@ -4,9 +4,10 @@ import PerpMarketsTable from './PerpMarketsTable'
 import SpotMarketsTable from './SpotMarketsTable'
 import TokenStats from './TokenStats'
 
-const TABS = process.env.NEXT_PUBLIC_SHOW_PERPS
-  ? ['tokens', 'perp', 'spot']
-  : ['tokens', 'spot']
+const TABS =
+  process.env.NEXT_PUBLIC_SHOW_PERPS === 'true'
+    ? ['tokens', 'perp', 'spot']
+    : ['tokens', 'spot']
 
 const StatsPage = () => {
   const [activeTab, setActiveTab] = useState('tokens')

components/trade/MarketSelectDropdown.tsx

@@ -10,9 +10,8 @@ import { useMemo, useState } from 'react'
 import { DEFAULT_MARKET_NAME } from 'utils/constants'
 import MarketLogos from './MarketLogos'
 
-const TAB_VALUES = process.env.NEXT_PUBLIC_SHOW_PERPS
-  ? ['spot', 'perp']
-  : ['spot']
+const TAB_VALUES =
+  process.env.NEXT_PUBLIC_SHOW_PERPS === 'true' ? ['spot', 'perp'] : ['spot']
 
 const MarketSelectDropdown = () => {
   const { selectedMarket } = useSelectedMarket()