Commit 1c26283

committed

Scroll to top code block on question change

1 parent 1b58d96 commit 1c26283Copy full SHA for 1c26283

File tree

+23

-2

lines changed

+23

-2

lines changed

Lines changed: 3 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ import { connect } from 'react-redux';`
`4`	`4`	`import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';`
`5`	`5`	`import js from 'react-syntax-highlighter/dist/languages/hljs/javascript';`
`6`	`6`	`import { getJS, getCurrent } from '../selectors';`
	`7`	`+import CodePreTag from './CodePreTag';`
`7`	`8`
`8`	`9`	`SyntaxHighlighter.registerLanguage('javascript', js);`
`9`	`10`
`@@ -13,13 +14,13 @@ const Code = props => {`
`13`	`14`	`return (`
`14`	`15`	`<Fragment>`
`15`	`16`	`{js === 'es5' && (`
`16`		`- <SyntaxHighlighter language="javascript" style={style} className="fixed">`
	`17`	`+ <SyntaxHighlighter language="javascript" style={style} className="fixed"PreTag={CodePreTag}>`
`17`	`18`	`{current.codeES5}`
`18`	`19`	`</SyntaxHighlighter>`
`19`	`20`	`)}`
`20`	`21`
`21`	`22`	`{js === 'es6' && (`
`22`		`- <SyntaxHighlighter language="javascript" style={style} className="fixed">`
	`23`	`+ <SyntaxHighlighter language="javascript" style={style} className="fixed"PreTag={CodePreTag}>`
`23`	`24`	`{current.codeES6}`
`24`	`25`	`</SyntaxHighlighter>`
`25`	`26`	`)}`

Lines changed: 20 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,20 @@`
	`1`	`+import React, { useRef, useEffect } from 'react';`
	`2`	`+import PropTypes from 'prop-types';`
	`3`	`+`
	`4`	`+const CodePreTag = ({ children, ...restProps }) => {`
	`5`	`+ const syntaxHighlighterEl = useRef(null);`
	`6`	`+`
	`7`	`+ useEffect(() => {`
	`8`	`+ if (syntaxHighlighterEl.current && syntaxHighlighterEl.current.scroll) {`
	`9`	`+ syntaxHighlighterEl.current.scroll(0, 0);`
	`10`	`+ }`
	`11`	`+ }, [children]);`
	`12`	`+`
	`13`	`+ return <pre {...restProps} ref={syntaxHighlighterEl}>{children}</pre>;`
	`14`	`+};`
	`15`	`+`
	`16`	`+CodePreTag.propTypes = {`
	`17`	`+ children: PropTypes.node`
	`18`	`+};`
	`19`	`+`
	`20`	`+export default CodePreTag;`

Comments

(0)