1 files changed, 0 insertions, 127 deletions
diff --git a/packages/website/ts/components/forms/subscribe_form.tsx b/packages/website/ts/components/forms/subscribe_form.tsx
deleted file mode 100644
index f5560cfa7..000000000
--- a/packages/website/ts/components/forms/subscribe_form.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import { colors } from '@0x/react-shared';
-import * as _ from 'lodash';
-import * as React from 'react';
-
-import { Button } from 'ts/components/ui/button';
-import { Container } from 'ts/components/ui/container';
-import { Input } from 'ts/components/ui/input';
-import { Text } from 'ts/components/ui/text';
-import { analytics } from 'ts/utils/analytics';
-import { backendClient } from 'ts/utils/backend_client';
-
-export interface SubscribeFormProps {}
-
-export enum SubscribeFormStatus {
-    None,
-    Error,
-    Success,
-    Loading,
-    Other,
-}
-
-export interface SubscribeFormState {
-    emailText: string;
-    lastSubmittedEmail: string;
-    status: SubscribeFormStatus;
-}
-
-const FORM_FONT_SIZE = '15px';
-
-// TODO: Translate visible strings. https://app.asana.com/0/628666249318202/697485674422001
-export class SubscribeForm extends React.Component<SubscribeFormProps, SubscribeFormState> {
-    public state = {
-        emailText: '',
-        lastSubmittedEmail: '',
-        status: SubscribeFormStatus.None,
-    };
-    public render(): React.ReactNode {
-        return (
-            <Container className="flex flex-column items-center justify-between md-mx2 sm-mx2">
-                <Container marginBottom="15px">
-                    <Text fontFamily="Roboto Mono" fontColor={colors.grey} center={true}>
-                        Subscribe to our newsletter for 0x relayer and dApp updates
-                    </Text>
-                </Container>
-                <form onSubmit={this._handleFormSubmitAsync.bind(this)}>
-                    <Container className="flex flex-wrap justify-center items-center">
-                        <Container marginTop="15px">
-                            <Input
-                                placeholder="you@email.com"
-                                value={this.state.emailText}
-                                fontColor={colors.white}
-                                fontSize={FORM_FONT_SIZE}
-                                backgroundColor={colors.projectsGrey}
-                                width="300px"
-                                onChange={this._handleEmailInputChange.bind(this)}
-                            />
-                        </Container>
-                        <Container marginLeft="15px" marginTop="15px">
-                            <Button
-                                type="submit"
-                                backgroundColor={colors.darkestGrey}
-                                fontColor={colors.white}
-                                fontSize={FORM_FONT_SIZE}
-                            >
-                                Subscribe
-                            </Button>
-                        </Container>
-                    </Container>
-                </form>
-                {this._renderMessage()}
-            </Container>
-        );
-    }
-    private _renderMessage(): React.ReactNode {
-        let message = null;
-        switch (this.state.status) {
-            case SubscribeFormStatus.Error:
-                message = 'Sorry, something went wrong. Try again later.';
-                break;
-            case SubscribeFormStatus.Loading:
-                message = 'One second...';
-                break;
-            case SubscribeFormStatus.Success:
-                message = `Thanks! ${this.state.lastSubmittedEmail} is now on the mailing list.`;
-                break;
-            case SubscribeFormStatus.None:
-                break;
-            default:
-                throw new Error(
-                    'The SubscribeFormStatus switch statement is not exhaustive when choosing an error message.',
-                );
-        }
-        return (
-            <Container isHidden={!message} marginTop="30px">
-                <Text center={true} fontFamily="Roboto Mono" fontColor={colors.grey}>
-                    {message || 'spacer text (never shown to user)'}
-                </Text>
-            </Container>
-        );
-    }
-    private _handleEmailInputChange(event: React.ChangeEvent<HTMLInputElement>): void {
-        this.setState({ emailText: event.target.value });
-    }
-    private async _handleFormSubmitAsync(event: React.FormEvent<HTMLInputElement>): Promise<void> {
-        event.preventDefault();
-        if (_.isUndefined(this.state.emailText) || _.isEmpty(this.state.emailText)) {
-            return;
-        }
-        this.setState({
-            status: SubscribeFormStatus.Loading,
-            lastSubmittedEmail: this.state.emailText,
-        });
-        try {
-            const response = await backendClient.subscribeToNewsletterAsync(this.state.emailText);
-            const status = response.status === 200 ? SubscribeFormStatus.Success : SubscribeFormStatus.Error;
-            if (status === SubscribeFormStatus.Success) {
-                analytics.identify(this.state.emailText, 'email');
-            }
-            this.setState({ status, emailText: '' });
-        } catch (error) {
-            this._setStatus(SubscribeFormStatus.Error);
-        }
-    }
-    private _setStatus(status: SubscribeFormStatus): void {
-        this.setState({ status });
-    }
-}