review-fix: Move AnchorTxDetails into TxForm.styles.js

packages/fether-react/src/Send/TxForm/TxForm.js

@@ -15,7 +15,6 @@ import { isAddress } from '@parity/api/lib/util/address';
 import { Link } from 'react-router-dom';
 import { OnChange } from 'react-final-form-listeners';
 import { withProps } from 'recompose';
-import styled from 'styled-components';
 
 import { DivWindowContent } from '../../assets/theme/shared/styledComponents/DivWindowContent.styles';
 import { estimateGas } from '../../utils/estimateGas';
@@ -25,17 +24,13 @@ import withAccount from '../../utils/withAccount.js';
 import withBalance, { withEthBalance } from '../../utils/withBalance';
 import withTokens from '../../utils/withTokens';
 import TxDetails from './TxDetails';
-import { AnchorTxDetailsStyles } from './style';
+import { AnchorTxDetails } from './TxForm.styles';
 
 const DEFAULT_AMOUNT_MAX_CHARS = 9;
 const MEDIUM_AMOUNT_MAX_CHARS = 14;
 const MAX_GAS_PRICE = 40; // In Gwei
 const MIN_GAS_PRICE = 3; // Safelow gas price from GasStation, in Gwei
 
-const AnchorTxDetails = styled.span`
-  ${AnchorTxDetailsStyles};
-`;
-
 @inject('parityStore', 'sendStore')
 @withTokens
 @withProps(({ match: { params: { tokenAddress } }, tokens }) => ({

packages/fether-react/src/Send/TxForm/style.js → packages/fether-react/src/Send/TxForm/TxForm.styles.js

@@ -3,12 +3,12 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import { css } from 'styled-components';
+import styled from 'styled-components';
 
-const AnchorTxDetailsStyles = css`
+const AnchorTxDetails = styled.span`
   color: ${props => props.theme.darkGrey};
   font-size: 0.8rem;
   font-weight: 400;
 `;
 
-export { AnchorTxDetailsStyles };
+export { AnchorTxDetails };