blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

use side badge in activity mobile

This commit is contained in:
saml33 2023-03-24 11:11:34 +11:00
parent f79fdeef49
commit 142999433d
1 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/account/ActivityFeedTable.tsx
View File

@ -4,8 +4,10 @@ import { IconButton, LinkButton } from '@components/shared/Button'
import ConnectEmptyState from '@components/shared/ConnectEmptyState'
import FormatNumericValue from '@components/shared/FormatNumericValue'
import SheenLoader from '@components/shared/SheenLoader'
import SideBadge from '@components/shared/SideBadge'
import { Table, Td, Th, TrBody, TrHead } from '@components/shared/TableElements'
import Tooltip from '@components/shared/Tooltip'
import PerpSideBadge from '@components/trade/PerpSideBadge'
import { Transition } from '@headlessui/react'
import {
ChevronDownIcon,
@ -425,27 +427,24 @@ const MobileActivityFeedItem = ({
</>
) : isPerp ? (
<>
<span
className={`mr-1 font-body ${
activity.activity_details.taker_side === 'bid'
? 'text-th-up'
: 'text-th-down'
}`}
>
{activity.activity_details.taker_side === 'bid'
? 'BUY'
: 'SELL'}
</span>
<span className="mr-1">
{activity.activity_details.quantity}
</span>
<span className="font-body text-th-fgd-3">
{activity.activity_details.perp_market_name}
</span>
<span className="font-body">
{' '}
<PerpSideBadge
basePosition={
activity.activity_details.taker_side === 'bid' ? 1 : -1
}
/>
</span>
</>
) : isOpenbook ? (
<>
<span
{/* <span
className={`mr-1 font-body ${
activity.activity_details.side === 'buy'
? 'text-th-up'
@ -453,11 +452,15 @@ const MobileActivityFeedItem = ({
}`}
>
{activity.activity_details.side === 'buy' ? 'BUY' : 'SELL'}
</span>
</span> */}
<span className="mr-1">{activity.activity_details.size}</span>
<span className="font-body text-th-fgd-3">
{activity.activity_details.base_symbol}
</span>
<span className="font-body">
{' '}
<SideBadge side={activity.activity_details.side} />
</span>
</>
) : (
<>