@@ -116,8 +134,8 @@ export class ReceiveView extends PureComponent
{
))}
this.generateNewAddress('shielded')}>
-
@@ -128,7 +146,7 @@ export class ReceiveView extends PureComponent {
>
@@ -161,7 +179,7 @@ export class ReceiveView extends PureComponent {
))}
this.generateNewAddress('transparent')}>
-
+
@@ -173,3 +191,5 @@ export class ReceiveView extends PureComponent {
);
}
}
+
+export const ReceiveView = withTheme(Component);
diff --git a/app/views/send.js b/app/views/send.js
index b29ed9b..fe0dec8 100644
--- a/app/views/send.js
+++ b/app/views/send.js
@@ -1,11 +1,12 @@
// @flow
import React, { Fragment, PureComponent } from 'react';
-import styled, { keyframes } from 'styled-components';
+import styled, { withTheme, keyframes } from 'styled-components';
import { BigNumber } from 'bignumber.js';
import { Transition, animated } from 'react-spring';
import { FEES } from '../constants/fees';
+import { DARK } from '../constants/themes';
import { InputLabelComponent } from '../components/input-label';
import { InputComponent } from '../components/input';
@@ -20,17 +21,16 @@ import { ConfirmDialogComponent } from '../components/confirm-dialog';
import { formatNumber } from '../utils/format-number';
import { ascii2hex } from '../utils/ascii-to-hexadecimal';
-import type { SendTransactionInput } from '../containers/send';
-import type { State as SendState } from '../redux/modules/send';
-
import SentIcon from '../assets/images/transaction_sent_icon_dark.svg';
-import MenuIcon from '../assets/images/menu_icon.svg';
+import MenuIconDark from '../assets/images/menu_icon_dark.svg';
+import MenuIconLight from '../assets/images/menu_icon_light.svg';
import ValidIcon from '../assets/images/green_check_dark.png';
import InvalidIcon from '../assets/images/error_icon_dark.png';
import LoadingIcon from '../assets/images/sync_icon_dark.png';
import ArrowUpIcon from '../assets/images/arrow_up.png';
-import { appTheme } from '../theme';
+import type { SendTransactionInput } from '../containers/send';
+import type { State as SendState } from '../redux/modules/send';
const rotate = keyframes`
from {
@@ -263,6 +263,7 @@ type Props = {
loadAddresses: () => void,
loadZECPrice: () => void,
getAddressBalance: ({ address: string }) => void,
+ theme: AppTheme,
};
type State = {
@@ -287,7 +288,7 @@ const initialState = {
isHexMemo: false,
};
-export class SendView extends PureComponent {
+class Component extends PureComponent {
state = initialState;
componentDidMount() {
@@ -396,14 +397,14 @@ export class SendView extends PureComponent {
};
renderValidationStatus = () => {
- const { isToAddressValid } = this.props;
+ const { isToAddressValid, theme } = this.props;
return isToAddressValid ? (
) : (
@@ -411,7 +412,7 @@ export class SendView extends PureComponent {
);
@@ -500,7 +501,7 @@ export class SendView extends PureComponent {
render() {
const {
- addresses, balance, zecPrice, isSending, error, operationId,
+ addresses, balance, zecPrice, isSending, error, operationId, theme,
} = this.props;
const {
showFee, from, amount, to, memo, fee, feeType,
@@ -524,6 +525,10 @@ export class SendView extends PureComponent {
append: 'USD $',
});
+ const seeMoreIcon = theme.mode === DARK
+ ? MenuIconDark
+ : MenuIconLight;
+
return (
@@ -583,7 +588,7 @@ export class SendView extends PureComponent {
}))
}
>
-
+
@@ -617,7 +622,7 @@ export class SendView extends PureComponent {
onChange={this.handleChange('fee')}
value={String(fee)}
disabled={feeType !== FEES.CUSTOM}
- bgColor={appTheme.colors.blackTwo}
+ bgColor={theme.colors.blackTwo}
name='fee'
/>
@@ -625,7 +630,7 @@ export class SendView extends PureComponent {
({
label: cur.toLowerCase(),
@@ -690,3 +695,5 @@ export class SendView extends PureComponent {
);
}
}
+
+export const SendView = withTheme(Component);