Differential D10494 Diff 31052 web/cashtab/src/components/Wallet/Tx.js

Changeset View

Standalone View

web/cashtab/src/components/Wallet/Tx.js

Show All 25 Lines
`;		`;
const DateType = styled.div`		const DateType = styled.div`
text-align: left;		text-align: left;
padding: 12px;		padding: 12px;
@media screen and (max-width: 500px) {		@media screen and (max-width: 500px) {
font-size: 0.8rem;		font-size: 0.8rem;
}		}
`;		`;
const OpReturnType = styled.div`		const OpReturnType = styled.span`
text-align: left;		text-align: left;
width: 300%;		width: 300%;
max-height: 130px;		max-height: 170px;
padding: 3px;		padding: 3px;
padding-left: 14px;		margin: auto;
padding-right: 25px;
word-break: break-word;		word-break: break-word;
overflow: hidden;		padding-left: 13px;
text-overflow: ellipsis;		padding-right: 30px;
`;		`;
const SentLabel = styled.span`		const SentLabel = styled.span`
font-weight: bold;		font-weight: bold;
color: ${props => props.theme.secondary} !important;		color: ${props => props.theme.secondary} !important;
`;		`;
const ReceivedLabel = styled.span`		const ReceivedLabel = styled.span`
font-weight: bold;		font-weight: bold;
color: ${props => props.theme.primary} !important;		color: ${props => props.theme.primary} !important;
`;		`;
		const CashtabMessageLabel = styled.span`
		text-align: left;
		font-weight: bold;
		color: ${props => props.theme.primary} !important;
		white-space: nowrap;
		`;
		const MessageLabel = styled.span`
		text-align: left;
		font-weight: bold;
		color: ${props => props.theme.secondary} !important;
		white-space: nowrap;
		`;
const TxIcon = styled.div`		const TxIcon = styled.div`
svg {		svg {
width: 32px;		width: 32px;
height: 32px;		height: 32px;
}		}
height: 32px;		height: 32px;
width: 32px;		width: 32px;
@media screen and (max-width: 500px) {		@media screen and (max-width: 500px) {
▲ Show 20 Lines • Show All 313 Lines • ▼ Show 20 Lines	return (
)}		)}
</TxInfo>		</TxInfo>
</>		</>
)}		)}
{data.opReturnMessage && (		{data.opReturnMessage && (
<>		<>
<br />		<br />
<OpReturnType>		<OpReturnType>
<b>Message: </b>		{data.isCashtabMessage ? (
		<CashtabMessageLabel>
		Cashtab Message
		</CashtabMessageLabel>
		) : (
		<MessageLabel>
		External Message
		</MessageLabel>
		)}
<br />		<br />
{data.opReturnMessage		{data.opReturnMessage
? Buffer.from(		? Buffer.from(
data.opReturnMessage,		data.opReturnMessage,
).toString()		).toString()
: ''}		: ''}
</OpReturnType>		</OpReturnType>
</>		</>
Show All 14 Lines