Changeset View
Changeset View
Standalone View
Standalone View
cashtab/src/components/Home/Tx.js
Show First 20 Lines • Show All 418 Lines • ▼ Show 20 Lines | const ReceivedFromCtn = styled.div` | ||||
h4 { | h4 { | ||||
margin-top: 2.5px; | margin-top: 2.5px; | ||||
} | } | ||||
`; | `; | ||||
const Tx = ({ data, fiatPrice, fiatCurrency, cashtabState }) => { | const Tx = ({ data, fiatPrice, fiatCurrency, cashtabState }) => { | ||||
const { contactList, settings, cashtabCache } = cashtabState; | const { contactList, settings, cashtabCache } = cashtabState; | ||||
const { tokens } = cashtabCache; | const { tokens } = cashtabCache; | ||||
// For now, we only parse tokenEntries[0] | |||||
let tokenId, cachedTokenInfo; | |||||
if ( | |||||
data.parsed.isEtokenTx && | |||||
Array.isArray(data.tokenEntries) && | |||||
data.tokenEntries.length > 0 | |||||
) { | |||||
tokenId = data.parsed.tokenEntries[0].tokenId; | |||||
cachedTokenInfo = tokens.get(tokenId); | |||||
} | |||||
const [displayedMessage, setDisplayedMessage] = useState(false); | const [displayedMessage, setDisplayedMessage] = useState(false); | ||||
const handleShowMessage = () => { | const handleShowMessage = () => { | ||||
setDisplayedMessage(!displayedMessage); | setDisplayedMessage(!displayedMessage); | ||||
}; | }; | ||||
let txDate, txTime; | let txDate, txTime; | ||||
if (data.timeFirstSeen === 0) { | if (data.timeFirstSeen === 0) { | ||||
// If chronik does not have a timeFirstSeen for this tx | // If chronik does not have a timeFirstSeen for this tx | ||||
if (!('block' in data)) { | if (!('block' in data)) { | ||||
▲ Show 20 Lines • Show All 170 Lines • ▼ Show 20 Lines | return ( | ||||
.tokenEntries[0] | .tokenEntries[0] | ||||
.txType === | .txType === | ||||
'GENESIS' ? ( | 'GENESIS' ? ( | ||||
<> | <> | ||||
<TokenTxAmtGenesis> | <TokenTxAmtGenesis> | ||||
+{' '} | +{' '} | ||||
{data.parsed.etokenAmount.toString()} | {data.parsed.etokenAmount.toString()} | ||||
| | ||||
{ | {typeof cachedTokenInfo !== | ||||
data | 'undefined' && | ||||
.parsed | cachedTokenInfo | ||||
.genesisInfo | .genesisInfo | ||||
.tokenTicker | .tokenTicker} | ||||
} | |||||
</TokenTxAmtGenesis> | </TokenTxAmtGenesis> | ||||
<TokenName> | <TokenName> | ||||
{ | {typeof cachedTokenInfo !== | ||||
data | 'undefined' && | ||||
.parsed | cachedTokenInfo | ||||
.genesisInfo | .genesisInfo | ||||
.tokenName | .tokenName} | ||||
} | |||||
</TokenName> | </TokenName> | ||||
</> | </> | ||||
) : ( | ) : ( | ||||
<> | <> | ||||
<TokenTxAmt> | <TokenTxAmt> | ||||
-{' '} | -{' '} | ||||
{data.parsed.etokenAmount.toString()} | {data.parsed.etokenAmount.toString()} | ||||
| | ||||
{ | {typeof cachedTokenInfo !== | ||||
data | 'undefined' && | ||||
.parsed | cachedTokenInfo | ||||
.genesisInfo | .genesisInfo | ||||
.tokenTicker | .tokenTicker} | ||||
} | |||||
</TokenTxAmt> | </TokenTxAmt> | ||||
<TokenName> | <TokenName> | ||||
{ | {typeof cachedTokenInfo !== | ||||
data | 'undefined' && | ||||
.parsed | cachedTokenInfo | ||||
.genesisInfo | .genesisInfo | ||||
.tokenName | .tokenName} | ||||
} | |||||
</TokenName> | </TokenName> | ||||
</> | </> | ||||
)} | )} | ||||
</RightTextCtn> | </RightTextCtn> | ||||
) : ( | ) : ( | ||||
<RightTextCtn> | <RightTextCtn> | ||||
<TokenTxAmtReceived> | <TokenTxAmtReceived> | ||||
+{' '} | +{' '} | ||||
{data.parsed.etokenAmount.toString()} | {data.parsed.etokenAmount.toString()} | ||||
| | ||||
{ | {typeof cachedTokenInfo !== | ||||
data | 'undefined' && | ||||
.parsed | cachedTokenInfo | ||||
.genesisInfo | .genesisInfo | ||||
.tokenTicker | .tokenTicker} | ||||
} | |||||
</TokenTxAmtReceived> | </TokenTxAmtReceived> | ||||
<TokenName> | <TokenName> | ||||
{ | {typeof cachedTokenInfo !== | ||||
data | 'undefined' && | ||||
.parsed | cachedTokenInfo | ||||
.genesisInfo | .genesisInfo | ||||
.tokenName | .tokenName} | ||||
} | |||||
</TokenName> | </TokenName> | ||||
</RightTextCtn> | </RightTextCtn> | ||||
)} | )} | ||||
</> | </> | ||||
) : ( | ) : ( | ||||
<span>Token Tx</span> | <span>Token Tx</span> | ||||
)} | )} | ||||
</TokenInfo> | </TokenInfo> | ||||
▲ Show 20 Lines • Show All 404 Lines • Show Last 20 Lines |