diff options
author | Francesco Agosti <francesco.agosti93@gmail.com> | 2018-10-24 08:00:54 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-10-24 08:00:54 +0800 |
commit | 4a72dc6c6f0825232d61e470f5b7975aec2e5c0e (patch) | |
tree | fe6a9ee3ebe2c3a3aa21931261eca3c91f8072d7 /packages/instant/src/containers/selected_asset_theme_provider.ts | |
parent | 2110ac32b7fceb230467ae0e2bb2bcd5e582f25f (diff) | |
parent | 864f89c535cf68a9325f27eae7f49a088c481120 (diff) | |
download | dexon-sol-tools-4a72dc6c6f0825232d61e470f5b7975aec2e5c0e.tar dexon-sol-tools-4a72dc6c6f0825232d61e470f5b7975aec2e5c0e.tar.gz dexon-sol-tools-4a72dc6c6f0825232d61e470f5b7975aec2e5c0e.tar.bz2 dexon-sol-tools-4a72dc6c6f0825232d61e470f5b7975aec2e5c0e.tar.lz dexon-sol-tools-4a72dc6c6f0825232d61e470f5b7975aec2e5c0e.tar.xz dexon-sol-tools-4a72dc6c6f0825232d61e470f5b7975aec2e5c0e.tar.zst dexon-sol-tools-4a72dc6c6f0825232d61e470f5b7975aec2e5c0e.zip |
Merge pull request #1159 from 0xProject/feature/instant/beta-render-et-al
[instant] Pass in liquiditySource, assetData and other settings from render
Diffstat (limited to 'packages/instant/src/containers/selected_asset_theme_provider.ts')
-rw-r--r-- | packages/instant/src/containers/selected_asset_theme_provider.ts | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/packages/instant/src/containers/selected_asset_theme_provider.ts b/packages/instant/src/containers/selected_asset_theme_provider.ts new file mode 100644 index 000000000..6e6b83d73 --- /dev/null +++ b/packages/instant/src/containers/selected_asset_theme_provider.ts @@ -0,0 +1,32 @@ +import * as _ from 'lodash'; +import * as React from 'react'; +import { connect } from 'react-redux'; + +import { State } from '../redux/reducer'; +import { Theme, theme as defaultTheme, ThemeProvider } from '../style/theme'; +import { Asset } from '../types'; + +export interface SelectedAssetThemeProviderProps {} + +interface ConnectedState { + theme: Theme; +} + +const getTheme = (asset?: Asset): Theme => { + if (!_.isUndefined(asset) && !_.isUndefined(asset.metaData.primaryColor)) { + return { + ...defaultTheme, + primaryColor: asset.metaData.primaryColor, + }; + } + return defaultTheme; +}; + +const mapStateToProps = (state: State, _ownProps: SelectedAssetThemeProviderProps): ConnectedState => { + const theme = getTheme(state.selectedAsset); + return { theme }; +}; + +export const SelectedAssetThemeProvider: React.ComponentClass<SelectedAssetThemeProviderProps> = connect( + mapStateToProps, +)(ThemeProvider); |