From b1414f6e3b6f12505bad9af8b0c14b5810d2c974 Mon Sep 17 00:00:00 2001
From: Heikki Hellgren <heikki.hellgren@op.fi>
Date: Tue, 26 Sep 2023 12:04:52 +0300
Subject: [PATCH] fix: preview styling to use backstage styles

---
 plugins/qeta/src/components/MarkdownEditor/MarkdownEditor.tsx | 2 ++
 plugins/qeta/src/components/QuestionPage/AnswerCard.tsx       | 2 +-
 plugins/qeta/src/components/QuestionPage/QuestionCard.tsx     | 1 -
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/plugins/qeta/src/components/MarkdownEditor/MarkdownEditor.tsx b/plugins/qeta/src/components/MarkdownEditor/MarkdownEditor.tsx
index cdf1fb27..70f3a769 100644
--- 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
index 1e93c8e5..1ba202cc 100644
--- 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
index 5c99431e..c5cd2ffa 100644
--- 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 }) => {