From 7965c3e7fc2ebcf88974338df8d41bb9e183f1d7 Mon Sep 17 00:00:00 2001
From: Awais Ansari <79941147+awais-ansari@users.noreply.github.com>
Date: Thu, 20 Oct 2022 17:37:37 +0500
Subject: [PATCH] fix: add autoresize plugin in TinyMCE editor (#333)

* fix: add autoresize plugin in tinymce editor

* fix: update author label link check for annoymous
---
 src/components/PostPreviewPane.jsx     | 4 ++--
 src/components/TinyMCEEditor.jsx       | 3 ++-
 src/discussions/common/AuthorLabel.jsx | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/PostPreviewPane.jsx b/src/components/PostPreviewPane.jsx
index 71477a9b..16c2a7d6 100644
--- a/src/components/PostPreviewPane.jsx
+++ b/src/components/PostPreviewPane.jsx
@@ -17,8 +17,8 @@ function PostPreviewPane({
     <>
       {showPreviewPane && (
         <div
-          className={`p-2 bg-light-200 rounded box-shadow-down-1 post-preview ${isPost ? 'mt-2 mb-5' : 'my-3'}`}
-          style={{ maxHeight: '200px', overflow: 'scroll' }}
+          className={`w-100 p-2 bg-light-200 rounded box-shadow-down-1 post-preview ${isPost ? 'mt-2 mb-5' : 'my-3'}`}
+          style={{ minHeight: '200px', wordBreak: 'break-word' }}
         >
           <IconButton
             onClick={() => setShowPreviewPane(false)}
diff --git a/src/components/TinyMCEEditor.jsx b/src/components/TinyMCEEditor.jsx
index 793bdd8e..9ab06c16 100644
--- a/src/components/TinyMCEEditor.jsx
+++ b/src/components/TinyMCEEditor.jsx
@@ -18,6 +18,7 @@ import 'tinymce/icons/default';
 import 'tinymce/skins/ui/oxide/skin.css';
 // importing the plugin js.
 import 'tinymce/plugins/autolink';
+import 'tinymce/plugins/autoresize';
 import 'tinymce/plugins/autosave';
 import 'tinymce/plugins/codesample';
 import 'tinymce/plugins/image';
@@ -93,7 +94,7 @@ export default function TinyMCEEditor(props) {
         a11y_advanced_options: true,
         autosave_interval: '1s',
         autosave_restore_when_empty: false,
-        plugins: 'autosave codesample link lists image imagetools code emoticons charmap',
+        plugins: 'autoresize autosave codesample link lists image imagetools code emoticons charmap',
         toolbar: 'undo redo'
           + ' | formatselect | bold italic underline'
           + ' | link blockquote openedx_code image'
diff --git a/src/discussions/common/AuthorLabel.jsx b/src/discussions/common/AuthorLabel.jsx
index 88b7a315..1334fac1 100644
--- a/src/discussions/common/AuthorLabel.jsx
+++ b/src/discussions/common/AuthorLabel.jsx
@@ -40,7 +40,7 @@ function AuthorLabel({
   const className = classNames('d-flex align-items-center', labelColor);
 
   const showUserNameAsLink = useShowLearnersTab()
-      && linkToProfile && author && author !== 'anonymous';
+      && linkToProfile && author && author !== intl.formatMessage(messages.anonymous);
 
   const labelContents = (
     <div className={className}>