chore: update linting

Author: leangseu-edx

.eslintrc.js

@@ -5,6 +5,9 @@ const config =  createConfig('eslint', {
   rules: {
     'import/no-unresolved': 'off',
   },
+  globals: {
+    MathJax: true,
+  },
 });
 
 config.rules['react/function-component-definition'][1].unnamedComponents = 'arrow-function';

src/components/Prompt/index.jsx

@@ -35,7 +35,7 @@ const Prompt = ({ prompt, defaultOpen }) => {
     .replaceAll(staticRegex.link, `a href="${process.env.LMS_BASE_URL}/${baseAssetUrl}$1"`);
   return (
     <Collapsible title={(<h3 className="py-3">{title}</h3>)} open={open} onToggle={toggleOpen}>
-      <div className='prompt' dangerouslySetInnerHTML={{ __html: promptWithStaticAssets }} />
+      <div className="prompt" dangerouslySetInnerHTML={{ __html: promptWithStaticAssets }} />
     </Collapsible>
   );
 };

src/components/TextResponse/index.jsx

@@ -9,15 +9,17 @@ const TextResponse = ({ response }) => {
   const { textResponseConfig } = useSubmissionConfig();
   const textResponseRef = React.useRef(null);
 
+  const { editorType, allowLatexPreview } = textResponseConfig || {};
+
   useEffect(() => {
-    if (textResponseConfig.allowLatexPreview) {
+    if (allowLatexPreview) {
       MathJax.Hub.Queue(['Typeset', MathJax.Hub, textResponseRef.current]);
     }
-  }, [response]);
+  }, [allowLatexPreview, response]);
 
   return (
     <div ref={textResponseRef} className="my-2 p-2 bg-white">
-      {textResponseConfig.editorType === 'text' ? (
+      {editorType === 'text' ? (
         <div className="div-textarea p-1" dangerouslySetInnerHTML={{ __html: response }} />
       ) : (
         <div dangerouslySetInnerHTML={{ __html: response }} />

src/views/SubmissionView/TextResponseEditor/LaTexPreview.jsx

@@ -9,7 +9,7 @@ const LatexPreview = ({ latexValue }) => {
   }, [latexValue]);
 
   return (
-    <div ref={latexPreviewEl} className='mt-2'>
+    <div ref={latexPreviewEl} className="mt-2">
       <div dangerouslySetInnerHTML={{ __html: latexValue }} />
     </div>
   );

src/views/SubmissionView/TextResponseEditor/index.jsx

@@ -21,7 +21,7 @@ const TextResponseEditor = ({ value, onChange }) => {
   const { formatMessage } = useIntl();
 
   const [latexValue, setLatexValue] = React.useState('');
-  
+
   const previewLaTex = useCallback(() => {
     setLatexValue(value);
   }, [value]);

src/views/SubmissionView/TextResponseEditor/messages.js

@@ -25,7 +25,7 @@ const messages = defineMessages({
     defaultMessage: 'Preview in LaTeX',
     description: 'Label for the preview LaTeX button',
     id: 'frontend-app-ora.TextResponse.previewLaTexButton',
-  }
+  },
 });
 
 export default messages;