Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Wallet/Tx.js
| Show All 35 Lines | const OpReturnType = styled.span` | ||||
| text-align: left; | text-align: left; | ||||
| width: 300%; | width: 300%; | ||||
| max-height: 200px; | max-height: 200px; | ||||
| padding: 3px; | padding: 3px; | ||||
| margin: auto; | margin: auto; | ||||
| word-break: break-word; | word-break: break-word; | ||||
| padding-left: 13px; | padding-left: 13px; | ||||
| padding-right: 30px; | padding-right: 30px; | ||||
| /* invisible scrollbar */ | |||||
| overflow: hidden; | |||||
| height: 100%; | |||||
| margin-right: -50px; /* Maximum width of scrollbar */ | |||||
| padding-right: 50px; /* Maximum width of scrollbar */ | |||||
| overflow-y: scroll; | |||||
| ::-webkit-scrollbar { | |||||
| display: none; | |||||
| } | |||||
| `; | `; | ||||
| 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` | const CashtabMessageLabel = styled.span` | ||||
| text-align: left; | text-align: left; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| color: ${props => props.theme.primary} !important; | color: ${props => props.theme.primary} !important; | ||||
| white-space: nowrap; | white-space: nowrap; | ||||
| `; | `; | ||||
| const EncryptionMessageLabel = styled.span` | |||||
| text-align: left; | |||||
| font-weight: bold; | |||||
| color: red; | |||||
| white-space: nowrap; | |||||
| `; | |||||
| const MessageLabel = styled.span` | const MessageLabel = styled.span` | ||||
| text-align: left; | text-align: left; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| color: ${props => props.theme.secondary} !important; | color: ${props => props.theme.secondary} !important; | ||||
| white-space: nowrap; | white-space: nowrap; | ||||
| `; | `; | ||||
| const ReplyMessageLabel = styled.span` | const ReplyMessageLabel = styled.span` | ||||
| color: ${props => props.theme.primary} !important; | color: ${props => props.theme.primary} !important; | ||||
| ▲ Show 20 Lines • Show All 331 Lines • ▼ Show 20 Lines | return ( | ||||
| <CashtabMessageLabel> | <CashtabMessageLabel> | ||||
| Cashtab Message | Cashtab Message | ||||
| </CashtabMessageLabel> | </CashtabMessageLabel> | ||||
| ) : ( | ) : ( | ||||
| <MessageLabel> | <MessageLabel> | ||||
| External Message | External Message | ||||
| </MessageLabel> | </MessageLabel> | ||||
| )} | )} | ||||
| {data.isEncryptedMessage ? ( | |||||
| <EncryptionMessageLabel> | |||||
| - Encrypted | |||||
| </EncryptionMessageLabel> | |||||
| ) : ( | |||||
| '' | |||||
| )} | |||||
| <br /> | <br /> | ||||
| {data.opReturnMessage | {data.opReturnMessage | ||||
| ? Buffer.from( | ? Buffer.from( | ||||
| data.opReturnMessage, | data.opReturnMessage, | ||||
| ).toString() | ).toString() | ||||
| : ''} | : ''} | ||||
| {!data.outgoingTx && data.replyAddress ? ( | {!data.outgoingTx && data.replyAddress ? ( | ||||
| <Link | <Link | ||||
| Show All 32 Lines | |||||