diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-12-01 03:08:49 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-12-01 03:08:49 +0800 |
| commit | 9e69257b0db8ce959c0209d4389f9e3a753839bd (patch) | |
| tree | f7648b41440d8a61e6787d5341c5625f025a2449 /packages/website/ts/pages/instant/code_demo.tsx | |
| parent | e65096ee7af7c6d442b5e106db0a07652cc5e047 (diff) | |
| download | dexon-sol-tools-9e69257b0db8ce959c0209d4389f9e3a753839bd.tar dexon-sol-tools-9e69257b0db8ce959c0209d4389f9e3a753839bd.tar.gz dexon-sol-tools-9e69257b0db8ce959c0209d4389f9e3a753839bd.tar.bz2 dexon-sol-tools-9e69257b0db8ce959c0209d4389f9e3a753839bd.tar.lz dexon-sol-tools-9e69257b0db8ce959c0209d4389f9e3a753839bd.tar.xz dexon-sol-tools-9e69257b0db8ce959c0209d4389f9e3a753839bd.tar.zst dexon-sol-tools-9e69257b0db8ce959c0209d4389f9e3a753839bd.zip | |
feat: implement code generation
Diffstat (limited to 'packages/website/ts/pages/instant/code_demo.tsx')
| -rw-r--r-- | packages/website/ts/pages/instant/code_demo.tsx | 34 |
1 files changed, 10 insertions, 24 deletions
diff --git a/packages/website/ts/pages/instant/code_demo.tsx b/packages/website/ts/pages/instant/code_demo.tsx index e9ecad40d..fa0cebc62 100644 --- a/packages/website/ts/pages/instant/code_demo.tsx +++ b/packages/website/ts/pages/instant/code_demo.tsx @@ -6,7 +6,7 @@ import { styled } from 'ts/style/theme'; const CustomPre = styled.pre` margin: 0px; line-height: 24px; - overflow: hidden; + overflow: scroll; width: 600px; height: 500px; border-radius: 4px; @@ -123,7 +123,7 @@ const customStyle = { }, hljs: { display: 'block', - overflowX: 'auto', + overflowX: 'hidden', background: colors.instantSecondaryBackground, color: 'white', fontSize: '12px', @@ -136,26 +136,12 @@ const customStyle = { }, }; -export interface CodeDemoProps {} +export interface CodeDemoProps { + children: string; +} -export const CodeDemo: React.StatelessComponent<CodeDemoProps> = props => { - const codeString = `<head> - <script src="https://instant.0xproject.com/instant.js"></script> -</head> -<body> - <script> - zeroExInstant.render({ - liquiditySource: 'https://api.relayer.com/sra/v2/', - affiliateInfo: { - feeRecipient: '0x50ff5828a216170cf224389f1c5b0301a5d0a230', - feePercentage: 0.03 - } - }, 'body'); - </script> -</body>`; - return ( - <SyntaxHighlighter language="html" style={customStyle} showLineNumbers={true} PreTag={CustomPre}> - {codeString} - </SyntaxHighlighter> - ); -}; +export const CodeDemo: React.StatelessComponent<CodeDemoProps> = props => ( + <SyntaxHighlighter language="html" style={customStyle} showLineNumbers={true} PreTag={CustomPre}> + {props.children} + </SyntaxHighlighter> +); |