only filter orders on trade page

This commit is contained in:
saml33 2024-01-20 22:45:02 +11:00
parent 418aa51ae6
commit 2c03880c5f
1 changed files with 10 additions and 2 deletions

View File

@ -5,6 +5,7 @@ import OpenOrders from '@components/trade/OpenOrders'
import mangoStore from '@store/mangoStore'
import useLocalStorageState from 'hooks/useLocalStorageState'
import useMangoAccount from 'hooks/useMangoAccount'
import { useRouter } from 'next/router'
import { useMemo, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { FILTER_ORDERS_FOR_MARKET_KEY } from 'utils/constants'
@ -12,11 +13,18 @@ import { FILTER_ORDERS_FOR_MARKET_KEY } from 'utils/constants'
const AccountOrders = () => {
const { t } = useTranslation('trade')
const { mangoAccount } = useMangoAccount()
const { asPath } = useRouter()
const openOrders = mangoStore((s) => s.mangoAccount.openOrders)
const [activeTab, setActiveTab] = useState('trade:limit')
const [filterForCurrentMarket, setFilterForCurrentMarket] =
useLocalStorageState(FILTER_ORDERS_FOR_MARKET_KEY, false)
// only filter on trade page
const isFiltered = useMemo(() => {
if (asPath === '/') return false
return filterForCurrentMarket
}, [asPath, filterForCurrentMarket])
const tabsWithCount: [string, number][] = useMemo(() => {
const stopOrdersCount =
mangoAccount?.tokenConditionalSwaps.filter((tcs) => tcs.isConfigured)
@ -36,7 +44,7 @@ const AccountOrders = () => {
onChange={setActiveTab}
tabs={tabsWithCount}
/>
{activeTab === 'trade:limit' ? (
{activeTab === 'trade:limit' && asPath !== '/' ? (
<Switch
checked={filterForCurrentMarket}
onChange={() => setFilterForCurrentMarket(!filterForCurrentMarket)}
@ -47,7 +55,7 @@ const AccountOrders = () => {
</div>
<div className="flex flex-1 flex-col border-t border-th-bkg-3">
{activeTab === 'trade:limit' ? (
<OpenOrders filterForCurrentMarket={filterForCurrentMarket} />
<OpenOrders filterForCurrentMarket={isFiltered} />
) : (
<SwapOrders />
)}