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

show date/time on mobile trade history

This commit is contained in:
saml33 2021-11-05 20:55:16 +11:00
parent 82af972f37
commit f274fcae42
1 changed files with 26 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
components/TradeHistoryTable.tsx
View File

@ -262,18 +262,25 @@ const TradeHistoryTable = ({ numTrades }: { numTrades?: number }) => {
buttonTemplate={
<>
<div className="flex items-center justify-between text-fgd-1 w-full">
<div className="flex items-center">
<img
alt=""
width="20"
height="20"
src={`/assets/icons/${trade.marketName
.split(/-|\//)[0]
.toLowerCase()}.svg`}
className={`mr-2.5`}
/>
<div>
<div className="mb-0.5 text-left">
<div className="text-left">
{trade.loadTimestamp || trade.timestamp
? renderTradeDateTime(
trade.loadTimestamp || trade.timestamp
)
: t('recent')}
</div>
<div>
<div className="text-right">
<div className="flex items-center mb-0.5 text-left">
<img
alt=""
width="16"
height="16"
src={`/assets/icons/${trade.marketName
.split(/-|\//)[0]
.toLowerCase()}.svg`}
className={`mr-1.5`}
/>
{trade.marketName}
</div>
<div className="text-th-fgd-3 text-xs">
@ -288,9 +295,7 @@ const TradeHistoryTable = ({ numTrades }: { numTrades?: number }) => {
>
{trade.side.toUpperCase()}
</span>
{`${trade.size} at ${formatUsdValue(
trade.price
)}`}
{trade.size}
</div>
</div>
</div>
@ -301,6 +306,12 @@ const TradeHistoryTable = ({ numTrades }: { numTrades?: number }) => {
index={index}
panelTemplate={
<div className="grid grid-cols-2 grid-flow-row gap-4">
<div className="text-left">
<div className="pb-0.5 text-th-fgd-3 text-xs">
{t('price')}
</div>
{formatUsdValue(trade.price)}
</div>
<div className="text-left">
<div className="pb-0.5 text-th-fgd-3 text-xs">
{t('value')}
@ -319,16 +330,6 @@ const TradeHistoryTable = ({ numTrades }: { numTrades?: number }) => {
</div>
{formatUsdValue(trade.feeCost)}
</div>
<div className="text-left">
<div className="pb-0.5 text-th-fgd-3 text-xs">
{t('approximate-time')}
</div>
{trade.loadTimestamp || trade.timestamp
? renderTradeDateTime(
trade.loadTimestamp || trade.timestamp
)
: t('recent')}
</div>
</div>
}
/>