aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/modals
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/@next/components/modals')
-rw-r--r--packages/website/ts/@next/components/modals/input.tsx17
-rw-r--r--packages/website/ts/@next/components/modals/modal_contact.tsx5
2 files changed, 12 insertions, 10 deletions
diff --git a/packages/website/ts/@next/components/modals/input.tsx b/packages/website/ts/@next/components/modals/input.tsx
index d4d9206a2..d4d53402a 100644
--- a/packages/website/ts/@next/components/modals/input.tsx
+++ b/packages/website/ts/@next/components/modals/input.tsx
@@ -15,10 +15,6 @@ interface InputProps {
isErrors?: boolean;
}
-interface LabelProps {
- string: boolean;
-}
-
interface ErrorProps {
[key: string]: string;
}
@@ -47,7 +43,7 @@ Input.defaultProps = {
const StyledInput = styled.input`
appearance: none;
background-color: #fff;
- border: 1px solid #D5D5D5;
+ border: 1px solid #d5d5d5;
color: #000;
font-size: 1.294117647rem;
padding: 16px 15px 14px;
@@ -59,11 +55,14 @@ const StyledInput = styled.input`
border-color: ${(props: InputProps) => props.isErrors && `#FD0000`};
&::placeholder {
- color: #C3C3C3;
+ color: #c3c3c3;
}
`;
-const InputWrapper = styled.div<InputProps>`
+const InputWrapper =
+ styled.div <
+ InputProps >
+ `
position: relative;
flex-grow: ${props => props.width === InputWidth.Full && 1};
width: ${props => props.width === InputWidth.Half && `calc(50% - 15px)`};
@@ -83,8 +82,8 @@ const Label = styled.label`
`;
const Error = styled.span`
- color: #FD0000;
- font-size: .833333333rem;
+ color: #fd0000;
+ font-size: 0.833333333rem;
line-height: 1em;
display: inline-block;
position: absolute;
diff --git a/packages/website/ts/@next/components/modals/modal_contact.tsx b/packages/website/ts/@next/components/modals/modal_contact.tsx
index 69250fad1..b97baf5e7 100644
--- a/packages/website/ts/@next/components/modals/modal_contact.tsx
+++ b/packages/website/ts/@next/components/modals/modal_contact.tsx
@@ -161,6 +161,8 @@ export class ModalContact extends React.Component<Props> {
this.setState({ ...this.state, errors: [], isSubmitting: true });
try {
+ // Disabling no-unbound method b/c no reason for _.isEmpty to be bound
+ // tslint:disable:no-unbound-method
const response = await fetch('https://website-api.0xproject.com/leads', {
method: 'post',
mode: 'cors',
@@ -185,6 +187,7 @@ export class ModalContact extends React.Component<Props> {
}
}
private _parseErrors(errors: ErrorResponseProps[]): ErrorProps {
+ const initialValue: {} = {};
return _.reduce(
errors,
(hash: ErrorProps, error: ErrorResponseProps) => {
@@ -194,7 +197,7 @@ export class ModalContact extends React.Component<Props> {
return hash;
},
- {},
+ initialValue,
);
}
}