Add missing type definitions

12 files changed, 32 insertions, 32 deletions

diff --git a/packages/website/ts/components/ui/alert.tsx b/packages/website/ts/components/ui/alert.tsx
index f81939255..b571d8c1c 100644
--- a/packages/website/ts/components/ui/alert.tsx
+++ b/packages/website/ts/components/ui/alert.tsx
@@ -7,7 +7,7 @@ interface AlertProps {
     message: string | React.ReactNode;
 }
 
-export function Alert(props: AlertProps) {
+export const Alert = (props: AlertProps) => {
     const isAlert = props.type === AlertTypes.ERROR;
     const errMsgStyles = {
         background: isAlert ? colors.red200 : colors.lightestGreen,
@@ -22,4 +22,4 @@ export function Alert(props: AlertProps) {
             {props.message}
         </div>
     );
-}
+};
diff --git a/packages/website/ts/components/ui/copy_icon.tsx b/packages/website/ts/components/ui/copy_icon.tsx
index d58e50815..2c2941067 100644
--- a/packages/website/ts/components/ui/copy_icon.tsx
+++ b/packages/website/ts/components/ui/copy_icon.tsx
@@ -23,14 +23,14 @@ export class CopyIcon extends React.Component<CopyIconProps, CopyIconState> {
             isHovering: false,
         };
     }
-    public componentDidUpdate() {
+    public componentDidUpdate(): void {
         // Remove tooltip if hover away
         if (!this.state.isHovering && this._copyTooltipTimeoutId) {
             clearInterval(this._copyTooltipTimeoutId);
             this._hideTooltip();
         }
     }
-    public render() {
+    public render(): React.ReactNode {
         return (
             <div className="inline-block">
                 <CopyToClipboard text={this.props.data} onCopy={this._onCopy.bind(this)}>
@@ -55,15 +55,15 @@ export class CopyIcon extends React.Component<CopyIconProps, CopyIconState> {
             </div>
         );
     }
-    private _setRefToProperty(el: HTMLInputElement) {
+    private _setRefToProperty(el: HTMLInputElement): void {
         this._copyable = el;
     }
-    private _setHoverState(isHovering: boolean) {
+    private _setHoverState(isHovering: boolean): void {
         this.setState({
             isHovering,
         });
     }
-    private _onCopy() {
+    private _onCopy(): void {
         if (this._copyTooltipTimeoutId) {
             clearInterval(this._copyTooltipTimeoutId);
         }
@@ -73,7 +73,7 @@ export class CopyIcon extends React.Component<CopyIconProps, CopyIconState> {
             this._hideTooltip();
         }, tooltipLifespanMs);
     }
-    private _hideTooltip() {
+    private _hideTooltip(): void {
         ReactTooltip.hide(ReactDOM.findDOMNode(this._copyable));
     }
 }
diff --git a/packages/website/ts/components/ui/drop_down.tsx b/packages/website/ts/components/ui/drop_down.tsx
index 63b9eec0b..98a495581 100644
--- a/packages/website/ts/components/ui/drop_down.tsx
+++ b/packages/website/ts/components/ui/drop_down.tsx
@@ -35,15 +35,15 @@ export class DropDown extends React.Component<DropDownProps, DropDownState> {
             isDropDownOpen: false,
         };
     }
-    public componentDidMount() {
+    public componentDidMount(): void {
         this._popoverCloseCheckIntervalId = window.setInterval(() => {
             this._checkIfShouldClosePopover();
         }, CHECK_CLOSE_POPOVER_INTERVAL_MS);
     }
-    public componentWillUnmount() {
+    public componentWillUnmount(): void {
         window.clearInterval(this._popoverCloseCheckIntervalId);
     }
-    public componentWillReceiveProps(nextProps: DropDownProps) {
+    public componentWillReceiveProps(nextProps: DropDownProps): void {
         // HACK: If the popoverContent is updated to a different dimension and the users
         // mouse is no longer above it, the dropdown can enter an inconsistent state where
         // it believes the user is still hovering over it. In order to remedy this, we
@@ -52,7 +52,7 @@ export class DropDown extends React.Component<DropDownProps, DropDownState> {
         // dropdowns from having dynamic content.
         this._onHoverOff();
     }
-    public render() {
+    public render(): React.ReactNode {
         return (
             <div
                 style={{ ...this.props.style, width: 'fit-content', height: '100%' }}
@@ -77,11 +77,11 @@ export class DropDown extends React.Component<DropDownProps, DropDownState> {
             </div>
         );
     }
-    private _onHover(event: React.FormEvent<HTMLInputElement>) {
+    private _onHover(event: React.FormEvent<HTMLInputElement>): void {
         this._isHovering = true;
         this._checkIfShouldOpenPopover(event);
     }
-    private _checkIfShouldOpenPopover(event: React.FormEvent<HTMLInputElement>) {
+    private _checkIfShouldOpenPopover(event: React.FormEvent<HTMLInputElement>): void {
         if (this.state.isDropDownOpen) {
             return; // noop
         }
@@ -91,16 +91,16 @@ export class DropDown extends React.Component<DropDownProps, DropDownState> {
             anchorEl: event.currentTarget,
         });
     }
-    private _onHoverOff() {
+    private _onHoverOff(): void {
         this._isHovering = false;
     }
-    private _checkIfShouldClosePopover() {
+    private _checkIfShouldClosePopover(): void {
         if (!this.state.isDropDownOpen || this._isHovering) {
             return; // noop
         }
         this._closePopover();
     }
-    private _closePopover() {
+    private _closePopover(): void {
         this.setState({
             isDropDownOpen: false,
         });
diff --git a/packages/website/ts/components/ui/etherscan_icon.tsx b/packages/website/ts/components/ui/etherscan_icon.tsx
index c1154d3d6..1b032c112 100644
--- a/packages/website/ts/components/ui/etherscan_icon.tsx
+++ b/packages/website/ts/components/ui/etherscan_icon.tsx
@@ -35,6 +35,6 @@ export const EtherScanIcon = (props: EtherScanIconProps) => {
     );
 };
 
-function renderIcon() {
+function renderIcon(): React.ReactNode {
     return <i style={{ color: colors.amber600 }} className="zmdi zmdi-open-in-new" />;
 }
diff --git a/packages/website/ts/components/ui/fake_text_field.tsx b/packages/website/ts/components/ui/fake_text_field.tsx
index 646ae98f6..ac3c30fec 100644
--- a/packages/website/ts/components/ui/fake_text_field.tsx
+++ b/packages/website/ts/components/ui/fake_text_field.tsx
@@ -21,7 +21,7 @@ interface FakeTextFieldProps {
     children?: any;
 }
 
-export function FakeTextField(props: FakeTextFieldProps) {
+export const FakeTextField = (props: FakeTextFieldProps) => {
     return (
         <div className="relative">
             {props.label !== '' && <InputLabel text={props.label} />}
@@ -31,4 +31,4 @@ export function FakeTextField(props: FakeTextFieldProps) {
             <hr style={styles.hr} />
         </div>
     );
-}
+};
diff --git a/packages/website/ts/components/ui/flash_message.tsx b/packages/website/ts/components/ui/flash_message.tsx
index 2cb1fc764..2b866676d 100644
--- a/packages/website/ts/components/ui/flash_message.tsx
+++ b/packages/website/ts/components/ui/flash_message.tsx
@@ -19,7 +19,7 @@ export class FlashMessage extends React.Component<FlashMessageProps, FlashMessag
         showDurationMs: SHOW_DURATION_MS,
         bodyStyle: {},
     };
-    public render() {
+    public render(): React.ReactNode {
         if (!_.isUndefined(this.props.flashMessage)) {
             return (
                 <Snackbar
@@ -34,7 +34,7 @@ export class FlashMessage extends React.Component<FlashMessageProps, FlashMessag
             return null;
         }
     }
-    private _onClose() {
+    private _onClose(): void {
         this.props.dispatcher.hideFlashMessage();
     }
 }
diff --git a/packages/website/ts/components/ui/identicon.tsx b/packages/website/ts/components/ui/identicon.tsx
index bad6c2a78..83c86a144 100644
--- a/packages/website/ts/components/ui/identicon.tsx
+++ b/packages/website/ts/components/ui/identicon.tsx
@@ -15,7 +15,7 @@ export class Identicon extends React.Component<IdenticonProps, IdenticonState> {
     public static defaultProps: Partial<IdenticonProps> = {
         style: {},
     };
-    public render() {
+    public render(): React.ReactNode {
         let address = this.props.address;
         if (_.isEmpty(address)) {
             address = constants.NULL_ADDRESS;
diff --git a/packages/website/ts/components/ui/lifecycle_raised_button.tsx b/packages/website/ts/components/ui/lifecycle_raised_button.tsx
index c85e11884..b06978f16 100644
--- a/packages/website/ts/components/ui/lifecycle_raised_button.tsx
+++ b/packages/website/ts/components/ui/lifecycle_raised_button.tsx
@@ -42,11 +42,11 @@ export class LifeCycleRaisedButton extends React.Component<LifeCycleRaisedButton
             buttonState: ButtonState.READY,
         };
     }
-    public componentWillUnmount() {
+    public componentWillUnmount(): void {
         clearTimeout(this._buttonTimeoutId);
         this._didUnmount = true;
     }
-    public render() {
+    public render(): React.ReactNode {
         if (this.props.isHidden) {
             return <span />;
         }
@@ -77,7 +77,7 @@ export class LifeCycleRaisedButton extends React.Component<LifeCycleRaisedButton
             />
         );
     }
-    public async onClickAsync() {
+    public async onClickAsync(): Promise<void> {
         this.setState({
             buttonState: ButtonState.LOADING,
         });
diff --git a/packages/website/ts/components/ui/menu_item.tsx b/packages/website/ts/components/ui/menu_item.tsx
index 3482f436c..64c0dc49d 100644
--- a/packages/website/ts/components/ui/menu_item.tsx
+++ b/packages/website/ts/components/ui/menu_item.tsx
@@ -24,7 +24,7 @@ export class MenuItem extends React.Component<MenuItemProps, MenuItemState> {
             isHovering: false,
         };
     }
-    public render() {
+    public render(): React.ReactNode {
         const menuItemStyles = {
             cursor: 'pointer',
             opacity: this.state.isHovering ? 0.5 : 1,
@@ -43,7 +43,7 @@ export class MenuItem extends React.Component<MenuItemProps, MenuItemState> {
             </Link>
         );
     }
-    private _onToggleHover(isHovering: boolean) {
+    private _onToggleHover(isHovering: boolean): void {
         this.setState({
             isHovering,
         });
diff --git a/packages/website/ts/components/ui/party.tsx b/packages/website/ts/components/ui/party.tsx
index 3d94903d1..0d86a6db5 100644
--- a/packages/website/ts/components/ui/party.tsx
+++ b/packages/website/ts/components/ui/party.tsx
@@ -27,7 +27,7 @@ export class Party extends React.Component<PartyProps, PartyState> {
         identiconStyle: {},
         identiconDiameter: IDENTICON_DIAMETER,
     };
-    public render() {
+    public render(): React.ReactNode {
         const label = this.props.label;
         const address = this.props.address;
         const identiconDiameter = this.props.identiconDiameter;
diff --git a/packages/website/ts/components/ui/swap_icon.tsx b/packages/website/ts/components/ui/swap_icon.tsx
index e465a8074..4a6000d1b 100644
--- a/packages/website/ts/components/ui/swap_icon.tsx
+++ b/packages/website/ts/components/ui/swap_icon.tsx
@@ -17,7 +17,7 @@ export class SwapIcon extends React.Component<SwapIconProps, SwapIconState> {
             isHovering: false,
         };
     }
-    public render() {
+    public render(): React.ReactNode {
         const swapStyles = {
             color: this.state.isHovering ? colors.amber600 : colors.amber800,
             fontSize: 50,
@@ -34,7 +34,7 @@ export class SwapIcon extends React.Component<SwapIconProps, SwapIconState> {
             </div>
         );
     }
-    private _onToggleHover(isHovering: boolean) {
+    private _onToggleHover(isHovering: boolean): void {
         this.setState({
             isHovering,
         });
diff --git a/packages/website/ts/components/ui/token_icon.tsx b/packages/website/ts/components/ui/token_icon.tsx
index ff57a96de..a9ad567ef 100644
--- a/packages/website/ts/components/ui/token_icon.tsx
+++ b/packages/website/ts/components/ui/token_icon.tsx
@@ -11,7 +11,7 @@ interface TokenIconProps {
 interface TokenIconState {}
 
 export class TokenIcon extends React.Component<TokenIconProps, TokenIconState> {
-    public render() {
+    public render(): React.ReactNode {
         const token = this.props.token;
         const diameter = this.props.diameter;
         return (