From acf0e4153dc751e30992f6b957448fd7a9f27fbc Mon Sep 17 00:00:00 2001
From: devleejb <devleejb@gmail.com>
Date: Thu, 1 Feb 2024 18:44:16 +0900
Subject: [PATCH] Add default height to intelligence

---
 .../editor/YorkieIntelligenceFeature.tsx      | 25 +++++++++++--------
 .../editor/YorkieIntelligenceFooter.tsx       |  2 --
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/editor/YorkieIntelligenceFeature.tsx b/frontend/src/components/editor/YorkieIntelligenceFeature.tsx
index 9f2fea27..c04ee28b 100644
--- a/frontend/src/components/editor/YorkieIntelligenceFeature.tsx
+++ b/frontend/src/components/editor/YorkieIntelligenceFeature.tsx
@@ -2,6 +2,7 @@ import {
 	Box,
 	Button,
 	CircularProgress,
+	Fade,
 	FormControl,
 	IconButton,
 	InputAdornment,
@@ -143,19 +144,19 @@ function YorkieIntelligenceFeature(props: YorkieIntelligenceFeatureProps) {
 				<Typography>{title}</Typography>
 			</Box>
 			{isLoading && <CircularProgress sx={{ marginX: "auto" }} />}
-			{!isLoading && (
-				<Box ref={markdownPreviewRef} sx={{ maxHeight: 500, overflow: "auto" }}>
+			<Box ref={markdownPreviewRef} sx={{ height: 350, overflow: "auto" }}>
+				{!isLoading && (
 					<MarkdownPreview
 						source={addSoftLineBreak(data || "")}
 						wrapperElement={{
 							"data-color-mode": currentTheme,
 						}}
 					/>
-				</Box>
-			)}
+				)}
+			</Box>
 
 			<Stack gap={2}>
-				{isComplete && (
+				<Fade in={isComplete}>
 					<Stack direction="row" justifyContent="flex-end" gap={1}>
 						<Button variant="outlined" onClick={handleRetry}>
 							<RefreshIcon fontSize="small" />
@@ -170,7 +171,7 @@ function YorkieIntelligenceFeature(props: YorkieIntelligenceFeatureProps) {
 							Replace
 						</Button>
 					</Stack>
-				)}
+				</Fade>
 				<FormControl>
 					<FormContainer
 						defaultValues={{ content: "" }}
@@ -193,11 +194,13 @@ function YorkieIntelligenceFeature(props: YorkieIntelligenceFeatureProps) {
 										</InputAdornment>
 									),
 									endAdornment: (
-										<InputAdornment position="end">
-											<IconButton type="submit" edge="end">
-												<SendIcon />
-											</IconButton>
-										</InputAdornment>
+										<Fade in={isComplete}>
+											<InputAdornment position="end">
+												<IconButton type="submit" edge="end">
+													<SendIcon />
+												</IconButton>
+											</InputAdornment>
+										</Fade>
 									),
 								}}
 							/>
diff --git a/frontend/src/components/editor/YorkieIntelligenceFooter.tsx b/frontend/src/components/editor/YorkieIntelligenceFooter.tsx
index a8a3027d..8dec43bc 100644
--- a/frontend/src/components/editor/YorkieIntelligenceFooter.tsx
+++ b/frontend/src/components/editor/YorkieIntelligenceFooter.tsx
@@ -71,8 +71,6 @@ function YorkieIntelligenceFooter(props: YorkieIntelligenceFooterProps) {
 					horizontal: "left",
 				}}
 				onClose={handleCloseModalOpen}
-				disableScrollLock
-				disablePortal
 			>
 				<Card
 					ref={cardRef}