diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-12-18 07:27:15 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-12-18 07:27:15 +0800 |
commit | 8452c05952171943eae3145b82492dc018d31e1a (patch) | |
tree | e6093b1dd34ff065160591eb7b915f410036b824 /packages/website/ts/@next/pages/instant/config_generator.tsx | |
parent | be3142a96a860d764ebb95cc2bc680fc11fd146e (diff) | |
parent | 8925317c95927111b48d29d15e44de19db432052 (diff) | |
download | dexon-0x-contracts-8452c05952171943eae3145b82492dc018d31e1a.tar dexon-0x-contracts-8452c05952171943eae3145b82492dc018d31e1a.tar.gz dexon-0x-contracts-8452c05952171943eae3145b82492dc018d31e1a.tar.bz2 dexon-0x-contracts-8452c05952171943eae3145b82492dc018d31e1a.tar.lz dexon-0x-contracts-8452c05952171943eae3145b82492dc018d31e1a.tar.xz dexon-0x-contracts-8452c05952171943eae3145b82492dc018d31e1a.tar.zst dexon-0x-contracts-8452c05952171943eae3145b82492dc018d31e1a.zip |
Merge branch 'feature/website/0x-org' of https://github.com/0xProject/0x-monorepo into feature/website/0x-org-jank-links
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)` |