diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 19:05:08 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 19:05:08 +0800 |
commit | fff4dd7e947f7f66e0854dea5d192c72b9e3d674 (patch) | |
tree | 64e8d3577ddb61f50df046d3ee9a5a735da6e815 /packages/website/ts/@next/pages/landing.tsx | |
parent | c2d958515009967a6802a06e47f454e12d15a7fe (diff) | |
download | dexon-sol-tools-fff4dd7e947f7f66e0854dea5d192c72b9e3d674.tar dexon-sol-tools-fff4dd7e947f7f66e0854dea5d192c72b9e3d674.tar.gz dexon-sol-tools-fff4dd7e947f7f66e0854dea5d192c72b9e3d674.tar.bz2 dexon-sol-tools-fff4dd7e947f7f66e0854dea5d192c72b9e3d674.tar.lz dexon-sol-tools-fff4dd7e947f7f66e0854dea5d192c72b9e3d674.tar.xz dexon-sol-tools-fff4dd7e947f7f66e0854dea5d192c72b9e3d674.tar.zst dexon-sol-tools-fff4dd7e947f7f66e0854dea5d192c72b9e3d674.zip |
Export svgs as typed pure components
Diffstat (limited to 'packages/website/ts/@next/pages/landing.tsx')
-rw-r--r-- | packages/website/ts/@next/pages/landing.tsx | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx index 766eb809b..9be2ee4da 100644 --- a/packages/website/ts/@next/pages/landing.tsx +++ b/packages/website/ts/@next/pages/landing.tsx @@ -7,9 +7,8 @@ import { Column, Section, Wrap, WrapCentered } from 'ts/@next/components/layout' import { SiteWrap } from 'ts/@next/components/siteWrap'; import { Heading, Intro, Text } from 'ts/@next/components/text'; -import logoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; -import protocol from 'ts/@next/icons/illustrations/protocol.svg'; - +import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; +import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg'; const Icon = styled.div` flex-shrink: 0; @@ -35,14 +34,14 @@ export const NextLanding = () => ( </Column> <Column colWidth="1/3"> - <Icon as={logoOutlined as 'svg'} /> + <ProtocolIcon /> </Column> </Wrap> </Section> <Section bgColor={colors.backgroundDark}> <WrapCentered> - <Icon as={protocol as 'svg'} /> + <Icon><LogoOutlined /></Icon> <Text size="medium">0x is the best solution for adding exchange functionality to your business.</Text> <Text size="medium">Discover how developers use 0x (need arrow + line under)</Text> </WrapCentered> |