1 files changed, 0 insertions, 148 deletions
diff --git a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
deleted file mode 100644
index 7f1b4ebb4..000000000
--- a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-import { Styles } from '@0x/react-shared';
-import * as _ from 'lodash';
-import { GridTile as PlainGridTile } from 'material-ui/GridList';
-import * as React from 'react';
-import { analytics } from 'ts/utils/analytics';
-
-import { TopTokens } from 'ts/components/relayer_index/relayer_top_tokens';
-import { Container } from 'ts/components/ui/container';
-import { Image } from 'ts/components/ui/image';
-import { Island } from 'ts/components/ui/island';
-import { colors } from 'ts/style/colors';
-import { media } from 'ts/style/media';
-import { styled } from 'ts/style/theme';
-import { WebsiteBackendRelayerInfo } from 'ts/types';
-import { utils } from 'ts/utils/utils';
-
-export enum RelayerGridTileStyle {
-    Expanded = 0,
-    Minimized,
-}
-
-export interface RelayerGridTileProps {
-    relayerInfo: WebsiteBackendRelayerInfo;
-    networkId: number;
-    style: RelayerGridTileStyle;
-}
-
-const styles: Styles = {
-    root: {
-        boxSizing: 'border-box',
-        // All material UI components have position: relative
-        // which creates a new stacking context and makes z-index stuff impossible. So reset.
-        position: 'static',
-    },
-    innerDiv: {
-        height: '100%',
-        boxSizing: 'border-box',
-    },
-    expandedHeader: {
-        height: '50%',
-        width: '100%',
-    },
-    minimizedHeader: {
-        height: '100%',
-        width: '100%',
-    },
-    body: {
-        height: '50%',
-        width: '100%',
-        boxSizing: 'border-box',
-        padding: 12,
-    },
-    weeklyTradeVolumeLabel: {
-        fontSize: 14,
-        color: colors.mediumBlue,
-    },
-    subLabel: {
-        fontSize: 12,
-        color: colors.lightGrey,
-    },
-    relayerNameLabel: {
-        fontSize: 16,
-        fontWeight: 'bold',
-        color: colors.black,
-    },
-};
-
-const FALLBACK_IMG_SRC = '/images/relayer_fallback.png';
-const FALLBACK_PRIMARY_COLOR = colors.grey300;
-const NO_CONTENT_MESSAGE = '--';
-const RELAYER_ICON_HEIGHT = '110px';
-
-export const RelayerGridTile: React.StatelessComponent<RelayerGridTileProps> = (props: RelayerGridTileProps) => {
-    const link = props.relayerInfo.appUrl || props.relayerInfo.url;
-    const topTokens = props.relayerInfo.topTokens;
-    const weeklyTxnVolume = props.relayerInfo.weeklyTxnVolume;
-    const onClick = () => {
-        analytics.track('Relayer Click', {
-            name: props.relayerInfo.name,
-        });
-        utils.openUrl(link);
-    };
-    const headerImageUrl = props.relayerInfo.logoImgUrl;
-    const headerBackgroundColor =
-        !_.isUndefined(headerImageUrl) && !_.isUndefined(props.relayerInfo.primaryColor)
-            ? props.relayerInfo.primaryColor
-            : FALLBACK_PRIMARY_COLOR;
-    const isExpanded = props.style === RelayerGridTileStyle.Expanded;
-    const headerStyle = isExpanded ? styles.expandedHeader : styles.minimizedHeader;
-    return (
-        <Island style={styles.root} Component={GridTile}>
-            <div style={styles.innerDiv} onClick={onClick}>
-                <div className="flex items-center" style={{ ...headerStyle, backgroundColor: headerBackgroundColor }}>
-                    <Image
-                        className="mx-auto"
-                        src={props.relayerInfo.logoImgUrl}
-                        fallbackSrc={FALLBACK_IMG_SRC}
-                        height={RELAYER_ICON_HEIGHT}
-                    />
-                </div>
-                {isExpanded && (
-                    <div style={styles.body}>
-                        <div className="pb1" style={styles.relayerNameLabel}>
-                            {props.relayerInfo.name}
-                        </div>
-                        <Section titleText="Weekly Trade Volume">
-                            {!_.isUndefined(weeklyTxnVolume) && (
-                                <div style={styles.weeklyTradeVolumeLabel}>{props.relayerInfo.weeklyTxnVolume}</div>
-                            )}
-                        </Section>
-                        <Container marginTop="10px">
-                            <Section titleText="Top Tokens">
-                                {!_.isEmpty(topTokens) && <TopTokens tokens={topTokens} networkId={props.networkId} />}
-                            </Section>
-                        </Container>
-                    </div>
-                )}
-            </div>
-        </Island>
-    );
-};
-
-const GridTile = styled(PlainGridTile)`
-    cursor: pointer;
-    &:hover {
-        transition: transform 0.2s ease;
-        transform: translate(0px, -3px);
-    }
-    ${media.small`
-        transform: none !important;
-        transition: none !important;
-    `};
-`;
-
-interface SectionProps {
-    titleText: string;
-    children?: React.ReactNode;
-}
-const Section = (props: SectionProps) => {
-    return (
-        <div>
-            <div style={styles.subLabel}>{props.titleText}</div>
-            <Container marginTop="6px">{props.children || <NoContent />}</Container>
-        </div>
-    );
-};
-
-const NoContent = () => <div style={styles.subLabel}>{NO_CONTENT_MESSAGE}</div>;