Allow banner to open in new window
This commit is contained in:
		@@ -21,6 +21,7 @@ interface CTAButton {
 | 
				
			|||||||
    text: string;
 | 
					    text: string;
 | 
				
			||||||
    href?: string;
 | 
					    href?: string;
 | 
				
			||||||
    onClick?: () => void;
 | 
					    onClick?: () => void;
 | 
				
			||||||
 | 
					    shouldOpenInNewTab?: boolean;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
interface BorderProps {
 | 
					interface BorderProps {
 | 
				
			||||||
@@ -46,7 +47,12 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
 | 
				
			|||||||
            <Column>
 | 
					            <Column>
 | 
				
			||||||
                <ButtonWrap>
 | 
					                <ButtonWrap>
 | 
				
			||||||
                    {mainCta && (
 | 
					                    {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}
 | 
					                            {mainCta.text}
 | 
				
			||||||
                        </Button>
 | 
					                        </Button>
 | 
				
			||||||
                    )}
 | 
					                    )}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -89,7 +89,11 @@ export class NextLaunchKit extends React.Component {
 | 
				
			|||||||
                <Banner
 | 
					                <Banner
 | 
				
			||||||
                    heading="Need more flexibility?"
 | 
					                    heading="Need more flexibility?"
 | 
				
			||||||
                    subline="Dive into our docs, or contact us if needed"
 | 
					                    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) }}
 | 
					                    secondaryCta={{ text: 'Get in Touch', onClick: this._onOpenContactModal.bind(this) }}
 | 
				
			||||||
                />
 | 
					                />
 | 
				
			||||||
                <ModalContact isOpen={this.state.isContactModalOpen} onDismiss={this._onDismissContactModal} />
 | 
					                <ModalContact isOpen={this.state.isContactModalOpen} onDismiss={this._onDismissContactModal} />
 | 
				
			||||||
@@ -108,7 +112,7 @@ export class NextLaunchKit extends React.Component {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
const HeroActions = () => (
 | 
					const HeroActions = () => (
 | 
				
			||||||
    <React.Fragment>
 | 
					    <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
 | 
					            Get Started
 | 
				
			||||||
        </Button>
 | 
					        </Button>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user