aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages/instant
diff options
context:
space:
mode:
authorSteve Klebanoff <steve@0xproject.com>2018-12-20 00:18:17 +0800
committerGitHub <noreply@github.com>2018-12-20 00:18:17 +0800
commita7f847bf3e693a275b0aa71bcdb12d947b445175 (patch)
tree314c9d1899070b8d8a35c7df3b2fd0a9f214268e /packages/website/ts/@next/pages/instant
parent59d7efa78af41a91617b5a1f253a0f7e17553dca (diff)
parent0eef07307eb31fe3d72cb26634f102ad6115fccb (diff)
downloaddexon-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')
-rw-r--r--packages/website/ts/@next/pages/instant/code_demo.tsx6
-rw-r--r--packages/website/ts/@next/pages/instant/config_generator.tsx2
-rw-r--r--packages/website/ts/@next/pages/instant/config_generator_address_input.tsx6
-rw-r--r--packages/website/ts/@next/pages/instant/fee_percentage_slider.tsx2
-rw-r--r--packages/website/ts/@next/pages/instant/select.tsx8
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`