Allow banner to open in new window

This commit is contained in:
Steve Klebanoff
2018-12-17 16:01:21 -08:00
parent 14767f1a51
commit c5f85a365b
2 changed files with 13 additions and 3 deletions

View File

@@ -21,6 +21,7 @@ interface CTAButton {
text: string;
href?: string;
onClick?: () => void;
shouldOpenInNewTab?: boolean;
}
interface BorderProps {
@@ -46,7 +47,12 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
<Column>
<ButtonWrap>
{mainCta && (
<Button color={colors.white} isTransparent={false} href={mainCta.href}>
<Button
color={colors.white}
isTransparent={false}
href={mainCta.href}
target={mainCta.shouldOpenInNewTab ? '_blank' : ''}
>
{mainCta.text}
</Button>
)}

View File

@@ -89,7 +89,11 @@ export class NextLaunchKit extends React.Component {
<Banner
heading="Need more flexibility?"
subline="Dive into our docs, or contact us if needed"
mainCta={{ text: 'Get Started', href: '/docs' }}
mainCta={{
text: 'Get Started',
href: 'https://github.com/0xProject/0x-launch-kit/#table-of-contents',
shouldOpenInNewTab: true,
}}
secondaryCta={{ text: 'Get in Touch', onClick: this._onOpenContactModal.bind(this) }}
/>
<ModalContact isOpen={this.state.isContactModalOpen} onDismiss={this._onDismissContactModal} />
@@ -108,7 +112,7 @@ export class NextLaunchKit extends React.Component {
const HeroActions = () => (
<React.Fragment>
<Button href="https://github.com/0xProject/0x-launch-kit" isInline={true}>
<Button href="https://github.com/0xProject/0x-launch-kit" isInline={true} target="_blank">
Get Started
</Button>