diff --git a/packages/fether-react/src/Accounts/AccountsList/AccountsList.js b/packages/fether-react/src/Accounts/AccountsList/AccountsList.js index 470c8269c..e70d68001 100644 --- a/packages/fether-react/src/Accounts/AccountsList/AccountsList.js +++ b/packages/fether-react/src/Accounts/AccountsList/AccountsList.js @@ -4,7 +4,7 @@ // SPDX-License-Identifier: BSD-3-Clause import React, { Component } from 'react'; -import { AccountCard, Header } from 'fether-ui'; +import { AccountCard, Clickable, Header } from 'fether-ui'; import { accountsInfo$, withoutLoading } from '@parity/light.js'; import { inject, observer } from 'mobx-react'; import light from '@parity/light.js-react'; @@ -44,9 +44,10 @@ class AccountsList extends Component {
Accounts} right={ - - New account - + } /> diff --git a/packages/fether-react/src/Accounts/AccountsList/Feedback/Feedback.js b/packages/fether-react/src/Accounts/AccountsList/Feedback/Feedback.js index 259129b79..969f2bca7 100644 --- a/packages/fether-react/src/Accounts/AccountsList/Feedback/Feedback.js +++ b/packages/fether-react/src/Accounts/AccountsList/Feedback/Feedback.js @@ -9,6 +9,7 @@ export const Feedback = ({ accountsListLength }) => ( 1 ? '-2px' : '-10px' }} > diff --git a/packages/fether-react/src/Send/TxForm/TxForm.js b/packages/fether-react/src/Send/TxForm/TxForm.js index dd7a85042..694b9e301 100644 --- a/packages/fether-react/src/Send/TxForm/TxForm.js +++ b/packages/fether-react/src/Send/TxForm/TxForm.js @@ -5,10 +5,10 @@ import React, { Component } from 'react'; import BigNumber from 'bignumber.js'; +import { Clickable, Form as FetherForm, Header } from 'fether-ui'; import createDecorator from 'final-form-calculate'; import debounce from 'debounce-promise'; import { Field, Form } from 'react-final-form'; -import { Form as FetherForm, Header } from 'fether-ui'; import { fromWei, toWei } from '@parity/api/lib/util/wei'; import { inject, observer } from 'mobx-react'; import { isAddress } from '@parity/api/lib/util/address'; @@ -138,7 +138,7 @@ class Send extends Component { showDetailsAnchor = () => { return ( - ↓ Details + ↓ Details ); }; @@ -146,7 +146,7 @@ class Send extends Component { showHideAnchor = () => { return ( - ↑ Hide + ↑ Hide ); }; diff --git a/packages/fether-react/src/Whitelist/Whitelist.js b/packages/fether-react/src/Whitelist/Whitelist.js index 922eee052..02f23f4ce 100644 --- a/packages/fether-react/src/Whitelist/Whitelist.js +++ b/packages/fether-react/src/Whitelist/Whitelist.js @@ -8,6 +8,7 @@ import { chainName$, withoutLoading } from '@parity/light.js'; import debounce from 'lodash/debounce'; import { Header } from 'fether-ui'; import light from '@parity/light.js-react'; +import { Link } from 'react-router-dom'; import Health from '../Health'; import NewTokenItem from './NewTokenItem'; @@ -103,9 +104,9 @@ class Whitelist extends Component {
+ Close - + } title={

Search tokens

} /> diff --git a/packages/fether-ui/src/AccountHeader/AccountHeader.js b/packages/fether-ui/src/AccountHeader/AccountHeader.js index d77ac6d88..3f70c1805 100644 --- a/packages/fether-ui/src/AccountHeader/AccountHeader.js +++ b/packages/fether-ui/src/AccountHeader/AccountHeader.js @@ -7,6 +7,7 @@ import React from 'react'; import Blockies from 'react-blockies'; import PropTypes from 'prop-types'; +import { Clickable } from '../Clickable'; import { ClickToCopy } from '../ClickToCopy'; import { Header } from '../Header'; @@ -15,7 +16,7 @@ const NormalContainer = ({ children }) => ( ); const CopyContainer = ({ address, children, ...otherProps }) => ( - {children} + {children} ); diff --git a/packages/fether-ui/src/Clickable/Clickable.js b/packages/fether-ui/src/Clickable/Clickable.js new file mode 100644 index 000000000..f1ee95058 --- /dev/null +++ b/packages/fether-ui/src/Clickable/Clickable.js @@ -0,0 +1,14 @@ +// Copyright 2015-2018 Parity Technologies (UK) Ltd. +// This file is part of Parity. +// +// SPDX-License-Identifier: BSD-3-Clause + +import React from 'react'; + +// FIXME Use a button here, which the minimum amount of style to look like +// an . +export const Clickable = ({ children, ...otherProps }) => ( + + {children} + +); diff --git a/packages/fether-ui/src/Clickable/index.js b/packages/fether-ui/src/Clickable/index.js new file mode 100644 index 000000000..c70208c70 --- /dev/null +++ b/packages/fether-ui/src/Clickable/index.js @@ -0,0 +1,6 @@ +// Copyright 2015-2018 Parity Technologies (UK) Ltd. +// This file is part of Parity. +// +// SPDX-License-Identifier: BSD-3-Clause + +export * from './Clickable'; diff --git a/packages/fether-ui/src/index.js b/packages/fether-ui/src/index.js index 23eed5f53..0eef8f826 100644 --- a/packages/fether-ui/src/index.js +++ b/packages/fether-ui/src/index.js @@ -7,6 +7,7 @@ export * from './AccountCard'; export * from './AccountHeader'; export * from './AddressShort'; export * from './Card'; +export * from './Clickable'; export * from './Form'; export * from './Header'; export * from './Placeholder';