fix: preview styling to use backstage styles

drodil · Sep 26, 2023 · b1414f6 · b1414f6
1 parent e10b879
commit b1414f6
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/plugins/qeta/src/components/MarkdownEditor/MarkdownEditor.tsx b/plugins/qeta/src/components/MarkdownEditor/MarkdownEditor.tsx
@@ -61,6 +61,8 @@ export const MarkdownEditor = (props: {
         textArea: error
           ? `qetaMarkdownEditorError ${styles.markdownEditorError}`
           : undefined,
+        preview: 'qetaMarkdownEditorPreview',
+        toolbar: 'qetaMarkdownEditorToolbar',
       }}
       value={value}
       onChange={onChange}

diff --git a/plugins/qeta/src/components/QuestionPage/AnswerCard.tsx b/plugins/qeta/src/components/QuestionPage/AnswerCard.tsx
@@ -57,7 +57,7 @@ export const AnswerCard = (props: {
               <>
                 <Typography variant="body1" gutterBottom>
                   <MarkdownContent
-                    className={`qetaAndswerCardAnswerContent ${styles.markdownContent}`}
+                    className={`qetaAndwerCardAnswerContent ${styles.markdownContent}`}
                     content={answerEntity.content}
                     dialect="gfm"
                   />

diff --git a/plugins/qeta/src/components/QuestionPage/QuestionCard.tsx b/plugins/qeta/src/components/QuestionPage/QuestionCard.tsx
@@ -10,7 +10,6 @@ import { DeleteModal } from '../DeleteModal/DeleteModal';
 import { FavoriteButton } from './FavoriteButton';
 import { AuthorBox } from './AuthorBox';
 import { TagsAndEntities } from './TagsAndEntities';
-import 'react-mde/lib/styles/css/react-mde-preview.css';
 import { CommentSection } from '../CommentSection/CommentSection';
 
 export const QuestionCard = (props: { question: QuestionResponse }) => {