From 2f7936ac962e1bcc6cb0615317c0807fac431385 Mon Sep 17 00:00:00 2001
From: Saiyan Abhishek <74703491+geeky-abhishek@users.noreply.github.com>
Date: Tue, 8 Mar 2022 19:40:10 +0530
Subject: [PATCH 1/2] fix: composer occupying available space

---
 src/store/integrations/composer.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/store/integrations/composer.tsx b/src/store/integrations/composer.tsx
index 900d62c6..884b17ad 100644
--- a/src/store/integrations/composer.tsx
+++ b/src/store/integrations/composer.tsx
@@ -40,6 +40,7 @@ import 'tinymce/plugins/help';
 import 'tinymce/plugins/wordcount';
 import 'tinymce/plugins/quickbars';
 import 'tinymce/plugins/directionality';
+import 'tinymce/plugins/autoresize';
 
 import { Editor } from '@tinymce/tinymce-react';
 
@@ -65,6 +66,7 @@ const Composer: FC<ComposerProps> = ({
 	...rest
 }) => {
 	const [content, setContent] = useState(initialValue);
+
 	const _onEditorChange = useCallback(
 		(newContent, editor) => {
 			setContent(newContent);
@@ -75,20 +77,26 @@ const Composer: FC<ComposerProps> = ({
 		},
 		[setContent, onEditorChange]
 	);
+
 	useEffect(() => setContent(value), [value]);
 
 	return (
-		<Container height="fit">
+		<Container
+			height="100%"
+			crossAlignment="baseline"
+			mainAlignment="flex-start "
+			style={{ overflowY: 'hidden' }}
+		>
 			<Editor
 				value={content}
 				init={{
 					skin_url: `${baseAssetsUrl}/tinymce/skins/ui/oxide`,
 					content_css: `${baseAssetsUrl}/tinymce/skins/content/default/content.css`,
-					height: 500,
+					min_height: 400,
 					menubar: false,
 					statusbar: false,
 					branding: false,
-					resize: false,
+					resize: true,
 					inline,
 					plugins: [
 						'advlist',
@@ -110,7 +118,8 @@ const Composer: FC<ComposerProps> = ({
 						'code',
 						'help',
 						'quickbars',
-						'directionality'
+						'directionality',
+						'autoresize'
 					],
 					toolbar: inline
 						? false

From 54915633b9762421edca23cfb4d99a8ec1abd496 Mon Sep 17 00:00:00 2001
From: Saiyan Abhishek <74703491+geeky-abhishek@users.noreply.github.com>
Date: Tue, 8 Mar 2022 21:04:14 +0530
Subject: [PATCH 2/2] style: composer min height reduced to 350

---
 src/store/integrations/composer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/store/integrations/composer.tsx b/src/store/integrations/composer.tsx
index 884b17ad..ca7bd091 100644
--- a/src/store/integrations/composer.tsx
+++ b/src/store/integrations/composer.tsx
@@ -92,7 +92,7 @@ const Composer: FC<ComposerProps> = ({
 				init={{
 					skin_url: `${baseAssetsUrl}/tinymce/skins/ui/oxide`,
 					content_css: `${baseAssetsUrl}/tinymce/skins/content/default/content.css`,
-					min_height: 400,
+					min_height: 350,
 					menubar: false,
 					statusbar: false,
 					branding: false,