aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/containers
diff options
context:
space:
mode:
authorFrancesco Agosti <francesco.agosti93@gmail.com>2018-10-11 09:27:54 +0800
committerGitHub <noreply@github.com>2018-10-11 09:27:54 +0800
commita5a033c359a1a00a144ae0655080b4e6d0e43c88 (patch)
tree50b79c4061c91753030bafa34ff6a60a5c97ea02 /packages/instant/src/containers
parent01ccd8ff1a995f6b74f52533bc595cbc428b9eef (diff)
parent50442c3ebbf7a27e49f04a7f0512dcfed9686857 (diff)
downloaddexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar
dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar.gz
dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar.bz2
dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar.lz
dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar.xz
dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar.zst
dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.zip
Merge pull request #1114 from 0xProject/feature/instant/redux-styles-container
[instant] Add styles and redux to instant
Diffstat (limited to 'packages/instant/src/containers')
-rw-r--r--packages/instant/src/containers/selected_asset_amount_input.tsx36
1 files changed, 36 insertions, 0 deletions
diff --git a/packages/instant/src/containers/selected_asset_amount_input.tsx b/packages/instant/src/containers/selected_asset_amount_input.tsx
new file mode 100644
index 000000000..800a4c568
--- /dev/null
+++ b/packages/instant/src/containers/selected_asset_amount_input.tsx
@@ -0,0 +1,36 @@
+import { BigNumber } from '@0xproject/utils';
+import * as React from 'react';
+import { connect } from 'react-redux';
+import { Dispatch } from 'redux';
+
+import { State } from '../redux/reducer';
+import { ColorOption } from '../style/theme';
+import { Action, ActionTypes } from '../types';
+
+import { AmountInput } from '../components/amount_input';
+
+export interface SelectedAssetAmountInputProps {
+ fontColor?: ColorOption;
+ fontSize?: string;
+}
+
+interface ConnectedState {
+ value?: BigNumber;
+}
+
+interface ConnectedDispatch {
+ onChange?: (value?: BigNumber) => void;
+}
+
+const mapStateToProps = (state: State, _ownProps: SelectedAssetAmountInputProps): ConnectedState => ({
+ value: state.selectedAssetAmount,
+});
+
+const mapDispatchToProps = (dispatch: Dispatch<Action>): ConnectedDispatch => ({
+ onChange: value => dispatch({ type: ActionTypes.UPDATE_SELECTED_ASSET_AMOUNT, data: value }),
+});
+
+export const SelectedAssetAmountInput: React.ComponentClass<SelectedAssetAmountInputProps> = connect(
+ mapStateToProps,
+ mapDispatchToProps,
+)(AmountInput);