diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-12-20 00:18:17 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-20 00:18:17 +0800 |
commit | a7f847bf3e693a275b0aa71bcdb12d947b445175 (patch) | |
tree | 314c9d1899070b8d8a35c7df3b2fd0a9f214268e /packages/website/ts/@next/components/siteWrap.tsx | |
parent | 59d7efa78af41a91617b5a1f253a0f7e17553dca (diff) | |
parent | 0eef07307eb31fe3d72cb26634f102ad6115fccb (diff) | |
download | dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.gz dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.bz2 dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.lz dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.xz dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.zst dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.zip |
Merge pull request #1457 from 0xProject/feature/website/0x-org-linting
[website] 0x org linting and prettier
Diffstat (limited to 'packages/website/ts/@next/components/siteWrap.tsx')
-rw-r--r-- | packages/website/ts/@next/components/siteWrap.tsx | 23 |
1 files changed, 9 insertions, 14 deletions
diff --git a/packages/website/ts/@next/components/siteWrap.tsx b/packages/website/ts/@next/components/siteWrap.tsx index db91fe08a..75cb9a268 100644 --- a/packages/website/ts/@next/components/siteWrap.tsx +++ b/packages/website/ts/@next/components/siteWrap.tsx @@ -115,13 +115,10 @@ export class SiteWrap extends React.Component<Props, State> { this.setState({ isMobileNavOpen: !this.state.isMobileNavOpen, }); - } + }; public render(): React.ReactNode { - const { - children, - theme = 'dark', - } = this.props; + const { children, theme = 'dark' } = this.props; const { isMobileNavOpen } = this.state; const currentTheme = GLOBAL_THEMES[theme]; @@ -131,16 +128,11 @@ export class SiteWrap extends React.Component<Props, State> { <> <GlobalStyles /> - <Header - isNavToggled={isMobileNavOpen} - toggleMobileNav={this.toggleMobileNav} - /> + <Header isNavToggled={isMobileNavOpen} toggleMobileNav={this.toggleMobileNav} /> - <Main isNavToggled={isMobileNavOpen}> - {children} - </Main> + <Main isNavToggled={isMobileNavOpen}>{children}</Main> - <Footer/> + <Footer /> </> </ThemeProvider> </> @@ -148,7 +140,10 @@ export class SiteWrap extends React.Component<Props, State> { } } -const Main = styled.main<MainProps>` +const Main = + styled.main < + MainProps > + ` transition: transform 0.5s, opacity 0.5s; opacity: ${props => props.isNavToggled && '0.5'}; `; |