diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-15 05:37:01 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-15 05:37:01 +0800 |
commit | a1410409fff5a015c5afbe3eabc1cbc8e70d1735 (patch) | |
tree | b7661133548e1d1bf88f7ec960536f516bd3ef5d /packages/website/ts/@next/pages/launch_kit.tsx | |
parent | 32eab3acff7d2cb334db9396a6182df9ba672390 (diff) | |
download | dexon-sol-tools-a1410409fff5a015c5afbe3eabc1cbc8e70d1735.tar dexon-sol-tools-a1410409fff5a015c5afbe3eabc1cbc8e70d1735.tar.gz dexon-sol-tools-a1410409fff5a015c5afbe3eabc1cbc8e70d1735.tar.bz2 dexon-sol-tools-a1410409fff5a015c5afbe3eabc1cbc8e70d1735.tar.lz dexon-sol-tools-a1410409fff5a015c5afbe3eabc1cbc8e70d1735.tar.xz dexon-sol-tools-a1410409fff5a015c5afbe3eabc1cbc8e70d1735.tar.zst dexon-sol-tools-a1410409fff5a015c5afbe3eabc1cbc8e70d1735.zip |
Add contact modal to pages with contact link
Diffstat (limited to 'packages/website/ts/@next/pages/launch_kit.tsx')
-rw-r--r-- | packages/website/ts/@next/pages/launch_kit.tsx | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/packages/website/ts/@next/pages/launch_kit.tsx b/packages/website/ts/@next/pages/launch_kit.tsx index 1f53be34b..43b538df4 100644 --- a/packages/website/ts/@next/pages/launch_kit.tsx +++ b/packages/website/ts/@next/pages/launch_kit.tsx @@ -10,6 +10,7 @@ import { Icon } from 'ts/@next/components/icon'; import { SiteWrap } from 'ts/@next/components/siteWrap'; import {Section} from 'ts/@next/components/newLayout'; +import { ModalContact } from '../components/modals/modal_contact'; const offersData = [ { @@ -31,7 +32,10 @@ const offersData = [ }, ]; -export class NextLaunchKit extends React.PureComponent { +export class NextLaunchKit extends React.Component { + public state = { + isContactModalOpen: false, + }; public render(): React.ReactNode { return ( <SiteWrap theme="dark"> @@ -94,11 +98,20 @@ export class NextLaunchKit extends React.PureComponent { heading="Need more flexibility?" subline="Dive into our docs, or contact us if needed" mainCta={{ text: 'Get Started', href: '/docs' }} - secondaryCta={{ text: 'Get in Touch', href: '/contact' }} + secondaryCta={{ text: 'Get in Touch', href: this._onOpenContactModal.bind(this) }} /> + <ModalContact isOpen={this.state.isContactModalOpen} onDismiss={this._onDismissContactModal} /> </SiteWrap> ); } + + public _onOpenContactModal = (): void => { + this.setState({ isContactModalOpen: true }); + } + + public _onDismissContactModal = (): void => { + this.setState({ isContactModalOpen: false }); + } } const HeroActions = () => ( |