diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-12-20 00:18:17 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-20 00:18:17 +0800 |
commit | a7f847bf3e693a275b0aa71bcdb12d947b445175 (patch) | |
tree | 314c9d1899070b8d8a35c7df3b2fd0a9f214268e /packages/website/ts/@next/pages/instant | |
parent | 59d7efa78af41a91617b5a1f253a0f7e17553dca (diff) | |
parent | 0eef07307eb31fe3d72cb26634f102ad6115fccb (diff) | |
download | dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.gz dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.zst dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.zip |
Merge pull request #1457 from 0xProject/feature/website/0x-org-linting
[website] 0x org linting and prettier
Diffstat (limited to 'packages/website/ts/@next/pages/instant')
5 files changed, 9 insertions, 15 deletions
diff --git a/packages/website/ts/@next/pages/instant/code_demo.tsx b/packages/website/ts/@next/pages/instant/code_demo.tsx index 04556123e..4a3022df5 100644 --- a/packages/website/ts/@next/pages/instant/code_demo.tsx +++ b/packages/website/ts/@next/pages/instant/code_demo.tsx @@ -22,7 +22,7 @@ const CustomPre = styled.pre` border: none; } code:first-of-type { - background-color: #060D0D !important; + background-color: #060d0d !important; color: #999; min-height: 100%; text-align: center; @@ -161,9 +161,7 @@ export class CodeDemo extends React.Component<CodeDemoProps, CodeDemoState> { <Container position="relative" height="100%"> <Container position="absolute" top="10px" right="10px" zIndex={zIndex.overlay - 1}> <CopyToClipboard text={this.props.children} onCopy={this._handleCopyClick}> - <StyledButton> - {copyButtonText} - </StyledButton> + <StyledButton>{copyButtonText}</StyledButton> </CopyToClipboard> </Container> <SyntaxHighlighter language="html" style={customStyle} showLineNumbers={true} PreTag={CustomPre}> diff --git a/packages/website/ts/@next/pages/instant/config_generator.tsx b/packages/website/ts/@next/pages/instant/config_generator.tsx index a1263da58..d4497ac92 100644 --- a/packages/website/ts/@next/pages/instant/config_generator.tsx +++ b/packages/website/ts/@next/pages/instant/config_generator.tsx @@ -65,7 +65,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi <Container minWidth="350px"> <ConfigGeneratorSection title="Liquidity Source"> <Select - includeEmpty={false} + shouldIncludeEmpty={false} id="" value={value.orderSource} items={this._generateItems()} diff --git a/packages/website/ts/@next/pages/instant/config_generator_address_input.tsx b/packages/website/ts/@next/pages/instant/config_generator_address_input.tsx index 23cdfcf7f..9b0e9b1d1 100644 --- a/packages/website/ts/@next/pages/instant/config_generator_address_input.tsx +++ b/packages/website/ts/@next/pages/instant/config_generator_address_input.tsx @@ -43,11 +43,7 @@ export class ConfigGeneratorAddressInput extends React.Component< const hasError = !_.isEmpty(errMsg); return ( <Container height="80px"> - <Input - value={this.props.value} - onChange={this._handleChange} - placeholder="0xe99...aa8da4" - /> + <Input value={this.props.value} onChange={this._handleChange} placeholder="0xe99...aa8da4" /> <Container marginTop="5px" isHidden={!hasError} height="25px"> <Paragraph size="small" isNoMargin={true}> {errMsg} diff --git a/packages/website/ts/@next/pages/instant/fee_percentage_slider.tsx b/packages/website/ts/@next/pages/instant/fee_percentage_slider.tsx index 512ae06b4..e9f8ba83b 100644 --- a/packages/website/ts/@next/pages/instant/fee_percentage_slider.tsx +++ b/packages/website/ts/@next/pages/instant/fee_percentage_slider.tsx @@ -58,7 +58,7 @@ const StyledSlider = styled(SliderWithTooltip)` top: 7px; &:after { border: solid transparent; - content: " "; + content: ' '; height: 0; width: 0; position: absolute; diff --git a/packages/website/ts/@next/pages/instant/select.tsx b/packages/website/ts/@next/pages/instant/select.tsx index f5b5e60c8..d4146cfb0 100644 --- a/packages/website/ts/@next/pages/instant/select.tsx +++ b/packages/website/ts/@next/pages/instant/select.tsx @@ -13,21 +13,21 @@ interface SelectProps { items: SelectItemConfig[]; emptyText?: string; onChange?: (ev: React.ChangeEvent<HTMLSelectElement>) => void; - includeEmpty: boolean; + shouldIncludeEmpty: boolean; } export const Select: React.FunctionComponent<SelectProps> = ({ value, id, items, - includeEmpty, + shouldIncludeEmpty, emptyText, onChange, }) => { return ( <Container> <StyledSelect id={id} onChange={onChange}> - {includeEmpty && <option value="">{emptyText}</option>} + {shouldIncludeEmpty && <option value="">{emptyText}</option>} {items.map((item, index) => ( <option key={`${id}-item-${index}`} @@ -48,7 +48,7 @@ export const Select: React.FunctionComponent<SelectProps> = ({ Select.defaultProps = { emptyText: 'Select...', - includeEmpty: true, + shouldIncludeEmpty: true, }; const Container = styled.div` |