diff --git a/web/cashtab/src/assets/download.svg b/web/cashtab/src/assets/download.svg new file mode 100644 --- /dev/null +++ b/web/cashtab/src/assets/download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/cashtab/src/assets/plus.svg b/web/cashtab/src/assets/plus.svg new file mode 100644 --- /dev/null +++ b/web/cashtab/src/assets/plus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap b/web/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap --- a/web/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap +++ b/web/cashtab/src/components/Airdrop/__tests__/__snapshots__/Airdrop.test.js.snap @@ -3,15 +3,15 @@ exports[`Wallet with BCH balances 1`] = ` Array [

MigrationTestAlpha

You currently have 0 XEC @@ -21,7 +21,7 @@
,
,
XEC Airdrop Calculator
@@ -94,15 +94,15 @@ exports[`Wallet with BCH balances and tokens 1`] = ` Array [

MigrationTestAlpha

You currently have 0 XEC @@ -112,7 +112,7 @@
,
,
XEC Airdrop Calculator
@@ -185,15 +185,15 @@ exports[`Wallet with BCH balances and tokens and state field 1`] = ` Array [

MigrationTestAlpha

0.06 @@ -202,7 +202,7 @@
,
,
XEC Airdrop Calculator
@@ -275,15 +275,15 @@ exports[`Wallet without BCH balance 1`] = ` Array [

MigrationTestAlpha

You currently have 0 XEC @@ -293,7 +293,7 @@
,
,
XEC Airdrop Calculator
@@ -366,10 +366,10 @@ exports[`Without wallet defined 1`] = ` Array [
You currently have 0 XEC @@ -379,7 +379,7 @@
,
,
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 && ( - - exportContactList( - contactListArray, - ) - } - > - Export contacts - - )} -
-
- - setShowManualAddContactModal( - true, - ) - } - > - New Contact - + + {contactListArray && + contactListArray.length > 0 && ( + + exportContactList( + contactListArray, + ) + } + > + + + Download + + CSV + + )} +
+
+ + setShowManualAddContactModal( + true, + ) + } + > + + + Add + + Contact + +
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`] = `

XEC
eToken @@ -112,7 +112,7 @@ exports[`Wallet with BCH balances and tokens 1`] = `

Receive @@ -129,7 +129,7 @@ } >
ecash: qzagy47m vh6qxkvcn3acjnz73rkhkc6y7c cxkrr6zd

XEC
eToken @@ -222,7 +222,7 @@ exports[`Wallet with BCH balances and tokens and state field 1`] = `

Receive @@ -239,7 +239,7 @@ } >
ecash: qzagy47m vh6qxkvcn3acjnz73rkhkc6y7c cxkrr6zd

XEC
eToken @@ -332,7 +332,7 @@ exports[`Wallet without BCH balance 1`] = `

Receive @@ -349,7 +349,7 @@ } >
ecash: qzagy47m vh6qxkvcn3acjnz73rkhkc6y7c cxkrr6zd

XEC
eToken @@ -442,18 +442,18 @@ exports[`Without wallet defined 1`] = ` ,

0 XEC

= @@ -376,16 +376,16 @@ } >
Advanced
@@ -438,10 +438,10 @@
Sign Message
@@ -491,10 +491,10 @@
Verify Message
@@ -550,15 +550,15 @@ exports[`Wallet with BCH balances and tokens 1`] = ` Array [

MigrationTestAlpha

You currently have 0 XEC @@ -567,7 +567,7 @@
,

0 XEC

= @@ -923,16 +923,16 @@ } >
Advanced
@@ -985,10 +985,10 @@
Sign Message
@@ -1038,10 +1038,10 @@
Verify Message
@@ -1097,15 +1097,15 @@ exports[`Wallet with BCH balances and tokens and state field 1`] = ` Array [

MigrationTestAlpha

0.06 @@ -1113,7 +1113,7 @@
,

0 XEC

= @@ -1469,17 +1469,17 @@ } >
Advanced
@@ -1532,10 +1532,10 @@
Sign Message
@@ -1585,10 +1585,10 @@
Verify Message
@@ -1644,15 +1644,15 @@ exports[`Wallet without BCH balance 1`] = ` Array [

MigrationTestAlpha

You currently have 0 XEC @@ -1661,7 +1661,7 @@
,

0 XEC

= @@ -2017,16 +2017,16 @@ } >
Advanced
@@ -2079,10 +2079,10 @@
Sign Message
@@ -2132,10 +2132,10 @@
Verify Message
@@ -2191,10 +2191,10 @@ exports[`Without wallet defined 1`] = ` Array [
You currently have 0 XEC @@ -2203,7 +2203,7 @@
,

0 XEC

= @@ -2559,16 +2559,16 @@ } >
Advanced
@@ -2621,10 +2621,10 @@
Sign Message
@@ -2674,10 +2674,10 @@
Verify Message
diff --git a/web/cashtab/src/components/Send/__tests__/__snapshots__/SendToken.test.js.snap b/web/cashtab/src/components/Send/__tests__/__snapshots__/SendToken.test.js.snap --- a/web/cashtab/src/components/Send/__tests__/__snapshots__/SendToken.test.js.snap +++ b/web/cashtab/src/components/Send/__tests__/__snapshots__/SendToken.test.js.snap @@ -4,10 +4,10 @@ exports[`Wallet with BCH balances and tokens and state field 1`] = `
6.001 @@ -33,7 +33,7 @@ } >
@@ -234,7 +234,7 @@ } >
@@ -153,7 +153,7 @@
@@ -197,7 +197,7 @@
@@ -241,7 +241,7 @@
@@ -343,7 +343,7 @@
,

Create a Token

You need at least @@ -50,15 +50,15 @@ exports[`Wallet with BCH balances and tokens 1`] = ` Array [

MigrationTestAlpha

0 @@ -66,17 +66,17 @@
,

Create a Token

You need at least @@ -97,15 +97,15 @@ exports[`Wallet with BCH balances and tokens and state field 1`] = ` Array [

MigrationTestAlpha

0.06 @@ -113,16 +113,16 @@
,

Create a Token

@@ -179,7 +179,7 @@
@@ -223,7 +223,7 @@
@@ -267,7 +267,7 @@
@@ -311,7 +311,7 @@
@@ -355,7 +355,7 @@
@@ -457,7 +457,7 @@
,

Create a Token

You need at least @@ -545,10 +545,10 @@ exports[`Without wallet defined 1`] = ` Array [

0 @@ -556,17 +556,17 @@
,

Create a Token

You need at least