diff --git a/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap b/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap --- a/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap +++ b/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap @@ -1,15 +1,15 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Jest Snapshot v1, https://goo.gl/fbAQLP @generated exports[`Wallet with BCH balances 1`] = ` Array [
@@ -273,13 +290,13 @@ exports[`Wallet with XEC balances and tokens 1`] = ` Array [
@@ -543,13 +646,13 @@ exports[`Wallet with XEC balances and tokens and state field 1`] = ` Array [
@@ -818,13 +938,13 @@ exports[`Wallet without XEC balance 1`] = ` Array [
@@ -1088,10 +1294,10 @@ exports[`Without wallet defined 1`] = ` Array [
,
diff --git a/cashtab/src/components/Common/CustomIcons.js b/cashtab/src/components/Common/CustomIcons.js
--- a/cashtab/src/components/Common/CustomIcons.js
+++ b/cashtab/src/components/Common/CustomIcons.js
@@ -54,6 +54,7 @@
preview={false}
/>
);
+
export const ThemedBurnOutlined = styled(FireOutlined)`
color: ${props => props.theme.eCashPurple} !important;
`;
@@ -165,6 +166,11 @@
height: 33px;
width: 30px;
`;
+export const ThemedAliasOutlined = styled(User)`
+ fill: ${props => props.theme.icons.outlined} !important;
+ height: 12px;
+ width: 12px;
+`;
export const LoadingBlock = styled.div`
width: 100%;
diff --git a/cashtab/src/components/Common/EnhancedInputs.js b/cashtab/src/components/Common/EnhancedInputs.js
--- a/cashtab/src/components/Common/EnhancedInputs.js
+++ b/cashtab/src/components/Common/EnhancedInputs.js
@@ -1,9 +1,10 @@
import * as React from 'react';
import PropTypes from 'prop-types';
-import { Form, Input, Select } from 'antd';
+import { Form, Input, Select, Checkbox } from 'antd';
import {
ThemedDollarOutlined,
ThemedWalletOutlined,
+ ThemedAliasOutlined,
} from 'components/Common/CustomIcons';
import styled, { css } from 'styled-components';
import ScanQRCode from './ScanQRCode';
@@ -151,6 +152,16 @@
: `cursor: pointer;`}
`;
+export const CashtabCheckbox = styled(Checkbox)`
+ .ant-checkbox-checked .ant-checkbox-inner {
+ background-color: ${props => props.theme.eCashBlue} !important;
+ border-color: ${props => props.theme.eCashBlue} !important;
+ }
+ .ant-checkbox + span {
+ color: ${props => props.theme.forms.text} !important;
+ }
+`;
+
export const SendBchInput = ({
onMax,
inputProps,
@@ -349,6 +360,42 @@
inputProps: PropTypes.object,
};
+export const AliasInput = ({ inputProps, ...otherProps }) => {
+ return (
+