aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/renderers
diff options
context:
space:
mode:
authorjackyzha0 <[email protected]>2021-03-06 17:07:28 -0800
committerjackyzha0 <[email protected]>2021-03-06 17:07:28 -0800
commit2c5bf739b8dfd8d3c7d341ab57ca8ea08fbc5f9e (patch)
tree4d9dfcfb6feaaf18d89b1ff03e74b6ddc332f6f5 /frontend/src/components/renderers
parentrefactor form -> common (diff)
downloadctrl-v-2c5bf739b8dfd8d3c7d341ab57ca8ea08fbc5f9e.tar.xz
ctrl-v-2c5bf739b8dfd8d3c7d341ab57ca8ea08fbc5f9e.zip
fix button dropdown height
Diffstat (limited to 'frontend/src/components/renderers')
-rw-r--r--frontend/src/components/renderers/Code.js7
-rw-r--r--frontend/src/components/renderers/RenderDispatch.js9
2 files changed, 7 insertions, 9 deletions
diff --git a/frontend/src/components/renderers/Code.js b/frontend/src/components/renderers/Code.js
index 5c8457c..4ab1175 100644
--- a/frontend/src/components/renderers/Code.js
+++ b/frontend/src/components/renderers/Code.js
@@ -48,17 +48,16 @@ export const Highlighter = ({language, lineNumbers, theme, pre = StyledPre, chil
{children}
</SyntaxHighlighter>
-const CodeRenderer = React.forwardRef((props, ref) => {
- const Pre = (props) => <StyledPre {...props} ref={ref} />
+const CodeRenderer = (props) => {
return (<Highlighter
lineNumbers={true}
language={props.lang}
theme={props.theme}
renderer={virtualizedRenderer()}
- pre={Pre}
+ pre={StyledPre}
>
{props.content}
</Highlighter>)
-});
+};
export default CodeRenderer \ No newline at end of file
diff --git a/frontend/src/components/renderers/RenderDispatch.js b/frontend/src/components/renderers/RenderDispatch.js
index 3f1c87b..365a822 100644
--- a/frontend/src/components/renderers/RenderDispatch.js
+++ b/frontend/src/components/renderers/RenderDispatch.js
@@ -8,16 +8,16 @@ const RenderWrapper = styled.div`
padding: 1em;
`
-const RenderDispatch = React.forwardRef((props, ref) => {
+const RenderDispatch = (props) => {
switch (props.language) {
case 'latex':
return (
- <RenderWrapper ref={ref}>
+ <RenderWrapper>
<Latex content={props.content} />
</RenderWrapper>)
case 'markdown':
return (
- <RenderWrapper ref={ref} className="md" >
+ <RenderWrapper className="md" >
<Markdown content={props.content} />
</RenderWrapper>)
default:
@@ -26,9 +26,8 @@ const RenderDispatch = React.forwardRef((props, ref) => {
content={props.content}
lang={props.language}
theme={props.theme}
- ref={ref}
id="pasteInput" />)
}
-});
+};
export default RenderDispatch \ No newline at end of file