Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Wallet/TxHistory.js
import React from 'react'; | import React from 'react'; | ||||
import styled from 'styled-components'; | import styled from 'styled-components'; | ||||
import Tx from './Tx'; | import Tx from './Tx'; | ||||
export const TxLink = styled.a``; | export const TxLink = styled.a``; | ||||
const TxHistory = ({ txs }) => { | const TxHistory = ({ txs, fiatPrice }) => { | ||||
return ( | return ( | ||||
<div> | <div> | ||||
{txs.map(tx => ( | {txs.map(tx => ( | ||||
<TxLink | <TxLink | ||||
key={tx.txid} | key={tx.txid} | ||||
href={`https://explorer.be.cash/tx/${tx.txid}`} | href={`https://explorer.be.cash/tx/${tx.txid}`} | ||||
target="_blank" | target="_blank" | ||||
rel="noreferrer" | rel="noreferrer" | ||||
> | > | ||||
<Tx data={tx} /> | <Tx data={tx} fiatPrice={fiatPrice} /> | ||||
</TxLink> | </TxLink> | ||||
))} | ))} | ||||
</div> | </div> | ||||
); | ); | ||||
}; | }; | ||||
export default TxHistory; | export default TxHistory; |