diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2019-01-18 05:29:46 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2019-01-18 05:29:46 +0800 |
commit | 02b7a4390908e74805cc5ae9f97f4ddceaba8fde (patch) | |
tree | 9af5c74a19be6b6fba49022388bb529e7e32889c /packages/dev-tools-pages/ts/components/call_to_action.tsx | |
parent | 92f5ad4f1518b2aaa3f1754b44a3059ac1610e0c (diff) | |
parent | e1e531a2a48cdacd3d8e8b6427e3f0410699ea3d (diff) | |
download | dexon-sol-tools-02b7a4390908e74805cc5ae9f97f4ddceaba8fde.tar dexon-sol-tools-02b7a4390908e74805cc5ae9f97f4ddceaba8fde.tar.gz dexon-sol-tools-02b7a4390908e74805cc5ae9f97f4ddceaba8fde.tar.bz2 dexon-sol-tools-02b7a4390908e74805cc5ae9f97f4ddceaba8fde.tar.lz dexon-sol-tools-02b7a4390908e74805cc5ae9f97f4ddceaba8fde.tar.xz dexon-sol-tools-02b7a4390908e74805cc5ae9f97f4ddceaba8fde.tar.zst dexon-sol-tools-02b7a4390908e74805cc5ae9f97f4ddceaba8fde.zip |
Merge branch 'development' into feature/instant/asset-buyer-check-liquidity
Diffstat (limited to 'packages/dev-tools-pages/ts/components/call_to_action.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/call_to_action.tsx | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/call_to_action.tsx b/packages/dev-tools-pages/ts/components/call_to_action.tsx new file mode 100644 index 000000000..3805a7c8c --- /dev/null +++ b/packages/dev-tools-pages/ts/components/call_to_action.tsx @@ -0,0 +1,40 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +import { ContextInterface, ThemeContext } from 'ts/context'; + +import { Button } from './button'; + +const CallToAction: React.StatelessComponent<ContextInterface> = ({ children }) => ( + <ThemeContext.Consumer> + {({ docLink }: ContextInterface) => ( + <StyledCallToAction> + <CallToActionContainer> + <Button as="a" href={docLink} target="_blank" large={true}> + Read the Docs + </Button> + </CallToActionContainer> + {children} + </StyledCallToAction> + )} + </ThemeContext.Consumer> +); + +const StyledCallToAction = styled.section` + text-align: center; + padding-top: 0; + padding-bottom: 1rem; + padding-left: 2.5rem; + padding-right: 2.5rem; + min-height: min-content; + max-height: 37.5rem; + height: 20vh; + position: relative; +`; + +const CallToActionContainer = styled.div` + margin: 0 auto; + max-width: 590px; +`; + +export { CallToAction }; |