XEC Airdrop Calculator
diff --git a/web/cashtab/src/components/Common/CustomIcons.js b/web/cashtab/src/components/Common/CustomIcons.js
--- a/web/cashtab/src/components/Common/CustomIcons.js
+++ b/web/cashtab/src/components/Common/CustomIcons.js
@@ -22,7 +22,8 @@
import { ReactComponent as LinkSolid } from 'assets/external-link-square-alt.svg';
import { ReactComponent as Airdrop } from 'assets/airdrop-icon.svg';
import { ReactComponent as Pdf } from 'assets/file-pdf.svg';
-
+import { ReactComponent as Plus } from 'assets/plus.svg';
+import { ReactComponent as Download } from 'assets/download.svg';
export const CashLoadingIcon =
;
export const CashReceivedNotificationIcon = () => (
@@ -94,6 +95,20 @@
width: 1.3em;
`;
+export const ThemedPlusOutlined = styled(Plus)`
+ fill: ${props => props.theme.contrast};
+ padding: 0.15rem 0rem 0.18rem 0rem;
+ height: 1.3em;
+ width: 1.3em;
+`;
+
+export const ThemedDownloadOutlined = styled(Download)`
+ fill: ${props => props.theme.contrast};
+ padding: 0.15rem 0rem 0.18rem 0rem;
+ height: 1.3em;
+ width: 1.3em;
+`;
+
export const LoadingBlock = styled.div`
width: 100%;
display: flex;
diff --git a/web/cashtab/src/components/Configure/Configure.js b/web/cashtab/src/components/Configure/Configure.js
--- a/web/cashtab/src/components/Configure/Configure.js
+++ b/web/cashtab/src/components/Configure/Configure.js
@@ -44,6 +44,8 @@
ThemedSettingOutlined,
ThemedContactsOutlined,
ThemedContactSendOutlined,
+ ThemedPlusOutlined,
+ ThemedDownloadOutlined,
} from 'components/Common/CustomIcons';
import { ReactComponent as Trashcan } from 'assets/trashcan.svg';
import { ReactComponent as Edit } from 'assets/edit.svg';
@@ -320,7 +322,22 @@
}
`;
+const ContactListBtnCtn = styled.div`
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 4px;
+`;
+
+const ExpandedBtnText = styled.span`
+ @media (max-width: 335px) {
+ display: none;
+ }
+`;
+
const ContactListBtn = styled.button`
+ display: flex;
+ justify-content: center;
align-items: center;
cursor: pointer;
background: transparent;
@@ -329,6 +346,7 @@
color: #fff;
border-radius: 3px;
opacity: 0.6;
+ gap: 3px;
transition: all 200ms ease-in-out;
@media (max-width: 500px) {
width: 100%;
@@ -339,6 +357,9 @@
background: ${props => props.theme.eCashBlue};
border-color: ${props => props.theme.eCashBlue};
}
+ svg {
+ fill: ${props => props.theme.contrast} !important;
+ }
`;
const AWRow = styled.div`
@@ -1710,29 +1731,39 @@
)}
{/* Export button will only show when there are contacts */}
- {contactListArray &&
- contactListArray.length > 0 && (
-
- )}
-
diff --git a/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap b/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
--- a/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
+++ b/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
@@ -2,10 +2,10 @@
exports[`Wallet with BCH balances and tokens 1`] = `