diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 00:00:44 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 00:00:44 +0800 |
commit | 25f66f96b6635fcca27fc90fcded8449615d731e (patch) | |
tree | 5267ae6fee1cf365af2fc18f606136d8121cb909 /packages/website/ts/@next/components/header.tsx | |
parent | 0948ed7a877ffca8bf43e8d67bf5804b40b2136e (diff) | |
download | dexon-sol-tools-25f66f96b6635fcca27fc90fcded8449615d731e.tar dexon-sol-tools-25f66f96b6635fcca27fc90fcded8449615d731e.tar.gz dexon-sol-tools-25f66f96b6635fcca27fc90fcded8449615d731e.tar.bz2 dexon-sol-tools-25f66f96b6635fcca27fc90fcded8449615d731e.tar.lz dexon-sol-tools-25f66f96b6635fcca27fc90fcded8449615d731e.tar.xz dexon-sol-tools-25f66f96b6635fcca27fc90fcded8449615d731e.tar.zst dexon-sol-tools-25f66f96b6635fcca27fc90fcded8449615d731e.zip |
Removes headroom
Diffstat (limited to 'packages/website/ts/@next/components/header.tsx')
-rw-r--r-- | packages/website/ts/@next/components/header.tsx | 81 |
1 files changed, 39 insertions, 42 deletions
diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx index 73f615643..33129ce48 100644 --- a/packages/website/ts/@next/components/header.tsx +++ b/packages/website/ts/@next/components/header.tsx @@ -1,6 +1,5 @@ import _ from 'lodash'; import * as React from 'react'; -import Headroom from 'react-headroom'; import { Link as ReactRouterLink } from 'react-router-dom'; import styled, { withTheme } from 'styled-components'; @@ -106,47 +105,45 @@ class HeaderBase extends React.Component<HeaderProps, HeaderState> { const { theme } = this.props; return ( - <Headroom> - <StyledHeader isOpen={isOpen}> - <HeaderWrap> - <ReactRouterLink to="/next"> - <Logo/> - </ReactRouterLink> - - <Hamburger isOpen={this.state.isOpen} onClick={this.onMenuButtonClick}/> - - <Nav> - <MobileProductLinksWrap> - {_.map(mobileProductLinks, (link, index) => ( - <Link - key={`productlink-${index}`} - href={link.url} - isTransparent={true} - isNoBorder={true} - > - {link.text} - </Link> - ))} - </MobileProductLinksWrap> - - <StyledButtonWrap> - {_.map(navItems, (link, index) => ( - this.getNavItem(link, index) - ))} - </StyledButtonWrap> - </Nav> - - <TradeButton - bgColor={theme.headerButtonBg} - color="#ffffff" - href="#" - > - Trade on 0x - </TradeButton> - - </HeaderWrap> - </StyledHeader> - </Headroom> + <StyledHeader isOpen={isOpen}> + <HeaderWrap> + <ReactRouterLink to="/next"> + <Logo/> + </ReactRouterLink> + + <Hamburger isOpen={this.state.isOpen} onClick={this.onMenuButtonClick}/> + + <Nav> + <MobileProductLinksWrap> + {_.map(mobileProductLinks, (link, index) => ( + <Link + key={`productlink-${index}`} + href={link.url} + isTransparent={true} + isNoBorder={true} + > + {link.text} + </Link> + ))} + </MobileProductLinksWrap> + + <StyledButtonWrap> + {_.map(navItems, (link, index) => ( + this.getNavItem(link, index) + ))} + </StyledButtonWrap> + </Nav> + + <TradeButton + bgColor={theme.headerButtonBg} + color="#ffffff" + href="#" + > + Trade on 0x + </TradeButton> + + </HeaderWrap> + </StyledHeader> ); } } |