diff options
Diffstat (limited to 'packages/website/ts/pages/instant/need_more.tsx')
-rw-r--r-- | packages/website/ts/pages/instant/need_more.tsx | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/packages/website/ts/pages/instant/need_more.tsx b/packages/website/ts/pages/instant/need_more.tsx index 190b27f9a..e6d5c3694 100644 --- a/packages/website/ts/pages/instant/need_more.tsx +++ b/packages/website/ts/pages/instant/need_more.tsx @@ -5,6 +5,8 @@ import { Container } from 'ts/components/ui/container'; import { Text } from 'ts/components/ui/text'; import { colors } from 'ts/style/colors'; import { ScreenWidths } from 'ts/types'; +import { constants } from 'ts/utils/constants'; +import { utils } from 'ts/utils/utils'; export interface NeedMoreProps { screenWidth: ScreenWidths; @@ -32,11 +34,18 @@ export const NeedMore = (props: NeedMoreProps) => { backgroundColor={colors.white} fontColor={backgroundColor} fontSize="18px" + onClick={onGetInTouchClick} > Get in Touch </Button> </Container> - <Button type="button" backgroundColor={colors.mediumBlue} fontColor={colors.white} fontSize="18px"> + <Button + type="button" + backgroundColor={colors.mediumBlue} + fontColor={colors.white} + fontSize="18px" + onClick={onDocsClick} + > Explore the Docs </Button> </Container> @@ -44,3 +53,10 @@ export const NeedMore = (props: NeedMoreProps) => { </Container> ); }; + +const onGetInTouchClick = () => { + utils.openUrl(constants.URL_ZEROEX_CHAT); +}; +const onDocsClick = () => { + utils.openUrl(`${utils.getCurrentBaseUrl()}/wiki#Get-Started`); +}; |