aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/sections/landing/clients.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components/sections/landing/clients.tsx')
-rw-r--r--packages/website/ts/components/sections/landing/clients.tsx110
1 files changed, 0 insertions, 110 deletions
diff --git a/packages/website/ts/components/sections/landing/clients.tsx b/packages/website/ts/components/sections/landing/clients.tsx
deleted file mode 100644
index 4d83a1d2f..000000000
--- a/packages/website/ts/components/sections/landing/clients.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import * as _ from 'lodash';
-import * as React from 'react';
-import styled from 'styled-components';
-import { Heading } from 'ts/components/text';
-
-import { Section, WrapGrid } from 'ts/components/newLayout';
-
-interface ProjectLogo {
- name: string;
- imageUrl?: string;
- persistOnMobile?: boolean;
-}
-
-interface StyledProjectInterface {
- isOnMobile?: boolean;
-}
-
-const projects: ProjectLogo[] = [
- {
- name: 'Radar Relay',
- imageUrl: 'images/clients/radar-relay.svg',
- persistOnMobile: true,
- },
- {
- name: 'Paradex',
- imageUrl: 'images/clients/paradex.svg',
- persistOnMobile: true,
- },
- {
- name: 'Star Bit Ex',
- imageUrl: 'images/clients/starbitex.svg',
- },
- {
- name: 'LedgerDex',
- imageUrl: 'images/clients/ledgerdex.svg',
- },
- {
- name: 'OpenRelay',
- imageUrl: 'images/clients/openrelay.svg',
- persistOnMobile: true,
- },
- {
- name: 'Bamboo Relay',
- imageUrl: 'images/clients/bamboo.svg',
- persistOnMobile: true,
- },
- {
- name: 'dEX',
- imageUrl: 'images/clients/ercdex.svg',
- persistOnMobile: true,
- },
- {
- name: 'emoon',
- imageUrl: 'images/clients/emoon.svg',
- persistOnMobile: true,
- },
- {
- name: 'Gods Unchained',
- imageUrl: 'images/clients/godsUnchained.svg',
- },
- {
- name: 'Instex',
- imageUrl: 'images/clients/instex.svg',
- },
- {
- name: 'Lake Trade',
- imageUrl: 'images/clients/laketrade.svg',
- },
- {
- name: 'Veil',
- imageUrl: 'images/clients/veil.svg',
- },
-];
-
-export const SectionLandingClients = () => (
- <Section isTextCentered={true}>
- <Heading size="small">Join the growing number of projects developing on 0x</Heading>
-
- <WrapGrid isWrapped={true}>
- {_.map(projects, (item: ProjectLogo, index) => (
- <StyledProject key={`client-${index}`} isOnMobile={item.persistOnMobile}>
- <img src={item.imageUrl} alt={item.name} />
- </StyledProject>
- ))}
- </WrapGrid>
- </Section>
-);
-
-const StyledProject = styled.div<StyledProjectInterface>`
- flex-shrink: 0;
-
- img {
- object-fit: contain;
- width: 100%;
- height: 100%;
- }
-
- @media (min-width: 768px) {
- width: auto;
- height: 50px;
- margin: 30px;
- }
-
- @media (max-width: 768px) {
- width: auto;
- height: 42px;
- margin: 15px;
- display: ${props => !props.isOnMobile && 'none'};
- }
-`;