diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-12-18 07:24:30 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-18 07:24:30 +0800 |
commit | 8925317c95927111b48d29d15e44de19db432052 (patch) | |
tree | 530bb9824a29b346e645277d82d5edb294112068 /packages/website/ts/@next/pages/instant/config_generator.tsx | |
parent | 4626921bb6deb3ec9a9768ba9afb01dd690292ec (diff) | |
parent | 6e0d622a1559937d8867216d571156564c666c77 (diff) | |
download | dexon-sol-tools-8925317c95927111b48d29d15e44de19db432052.tar dexon-sol-tools-8925317c95927111b48d29d15e44de19db432052.tar.gz dexon-sol-tools-8925317c95927111b48d29d15e44de19db432052.tar.bz2 dexon-sol-tools-8925317c95927111b48d29d15e44de19db432052.tar.lz dexon-sol-tools-8925317c95927111b48d29d15e44de19db432052.tar.xz dexon-sol-tools-8925317c95927111b48d29d15e44de19db432052.tar.zst dexon-sol-tools-8925317c95927111b48d29d15e44de19db432052.zip |
Merge pull request #1444 from 0xProject/feature/website/0x-org-instant-config
[website] 0x.org Instant
Diffstat (limited to 'packages/website/ts/@next/pages/instant/config_generator.tsx')
-rw-r--r-- | packages/website/ts/@next/pages/instant/config_generator.tsx | 32 |
1 files changed, 17 insertions, 15 deletions
diff --git a/packages/website/ts/@next/pages/instant/config_generator.tsx b/packages/website/ts/@next/pages/instant/config_generator.tsx index 4f837d7fa..a1263da58 100644 --- a/packages/website/ts/@next/pages/instant/config_generator.tsx +++ b/packages/website/ts/@next/pages/instant/config_generator.tsx @@ -64,7 +64,13 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi return ( <Container minWidth="350px"> <ConfigGeneratorSection title="Liquidity Source"> - <Select id="" value={value.orderSource} items={this._generateItems()} onChange={this._handleSRASelection.bind(this)} /> + <Select + includeEmpty={false} + id="" + value={value.orderSource} + items={this._generateItems()} + onChange={this._handleSRASelection.bind(this)} + /> </ConfigGeneratorSection> <ConfigGeneratorSection {...this._getTokenSelectorProps()}> {this._renderTokenMultiSelectOrSpinner()} @@ -257,7 +263,9 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi <Container marginRight="10px"> <CheckMark isChecked={isSelected} color={colors.brandLight} /> </Container> - <CheckboxText isSelected={isSelected}>{metaData.symbol.toUpperCase()} — {metaData.name}</CheckboxText> + <CheckboxText isSelected={isSelected}> + {metaData.symbol.toUpperCase()} — {metaData.name} + </CheckboxText> </Container> ), onClick: this._handleTokenClick.bind(this, assetData), @@ -287,18 +295,9 @@ export const ConfigGeneratorSection: React.StatelessComponent<ConfigGeneratorSec <Container marginBottom="10px" className="flex justify-between items-center"> <Heading size="small" marginBottom="0" isFlex={true}> <span>{title}</span> - {isOptional && ( - <OptionalText> - {' '} - Optional - </OptionalText> - )} + {isOptional && <OptionalText> Optional</OptionalText>} </Heading> - {actionText && ( - <OptionalAction onClick={onActionTextClick}> - {actionText} - </OptionalAction> - )} + {actionText && <OptionalAction onClick={onActionTextClick}>{actionText}</OptionalAction>} </Container> {children} </Container> @@ -319,10 +318,13 @@ interface CheckboxTextProps { isSelected?: boolean; } -const CheckboxText = styled.span<CheckboxTextProps>` +const CheckboxText = + styled.span < + CheckboxTextProps > + ` font-size: 14px; line-height: 18px; - color: ${props => props.isSelected ? colors.brandDark : '#666666'} + color: ${props => (props.isSelected ? colors.brandDark : '#666666')} `; const OptionalAction = styled(OptionalText)` |