diff --git a/src/TextEditor.js b/src/TextEditor.js index f8a27805a4c9000cc137bf7eb681dbced69b76a7..74ee813166e97a64f13285c6aed9a8f4c09a95b6 100644 --- a/src/TextEditor.js +++ b/src/TextEditor.js @@ -2,14 +2,15 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; import ReactQuill from 'react-quill'; import 'react-quill/dist/quill.snow.css'; -import {styled} from "@mui/material/styles"; -import {Paper} from "@mui/material"; // include styles +import { styled } from '@mui/material/styles'; const StyledReactQuill = styled(ReactQuill)(({ theme }) => ({ - ".ql-editor":{ - minHeight:'150px' -} + '.ql-editor': { + minHeight: '150px', + }, })); + +/** Rich text editor for annotation body */ function TextEditor({ annoHtml, updateAnnotationBody }) { const [editorHtml, setEditorHtml] = useState(annoHtml); @@ -21,13 +22,12 @@ function TextEditor({ annoHtml, updateAnnotationBody }) { }; return ( - <div> - <StyledReactQuill - value={editorHtml} - onChange={handleChange} - // You can also pass other props to customize the toolbar, etc. - /> - </div> + <div> + <StyledReactQuill + value={editorHtml} + onChange={handleChange} + /> + </div> ); } diff --git a/src/annotationForm/AnnotationFormContent.js b/src/annotationForm/AnnotationFormContent.js index aa2fc65847c9c70565f9e47f982c22a91eeea3bb..86596e12595dab2dc5f90496aaa3fe6a676dc64b 100644 --- a/src/annotationForm/AnnotationFormContent.js +++ b/src/annotationForm/AnnotationFormContent.js @@ -8,7 +8,7 @@ function AnnotationFormContent({ textBody, updateTextBody, textEditorStateBustin return ( <Paper style={{ padding: '5px' }}> <Typography variant="overline"> - Metadata + Infos </Typography> <Grid> <TextEditor