From 87e4afe89bbca55f6436907db5c36dded1bcf94d Mon Sep 17 00:00:00 2001
From: Cheer <maquannene@gmail.com>
Date: Wed, 22 May 2024 10:18:21 +0800
Subject: [PATCH] fix: chunk preview drawer can not scroll, common drawer
 content scroll should decide by content; (#1539)

---
 .../common/MyDrawer/MyRightDrawer.tsx         |  2 +-
 .../core/workflow/Flow/hooks/useDebug.tsx     |  2 +-
 .../Import/components/PreviewChunks.tsx       | 44 ++++++++++---------
 3 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/packages/web/components/common/MyDrawer/MyRightDrawer.tsx b/packages/web/components/common/MyDrawer/MyRightDrawer.tsx
index 9f6130ac5..f1d0d14cc 100644
--- a/packages/web/components/common/MyDrawer/MyRightDrawer.tsx
+++ b/packages/web/components/common/MyDrawer/MyRightDrawer.tsx
@@ -67,7 +67,7 @@ const MyRightDrawer = ({
           <DrawerCloseButton position={'relative'} fontSize={'sm'} top={0} right={0} />
         </Flex>
 
-        <DrawerBody overflow={'unset'} px={props?.px}>
+        <DrawerBody overflow={'hidden'} px={props?.px}>
           {children}
           <Loading loading={isLoading} fixed={false} />
         </DrawerBody>
diff --git a/projects/app/src/components/core/workflow/Flow/hooks/useDebug.tsx b/projects/app/src/components/core/workflow/Flow/hooks/useDebug.tsx
index bc1852e98..64a27eb36 100644
--- a/projects/app/src/components/core/workflow/Flow/hooks/useDebug.tsx
+++ b/projects/app/src/components/core/workflow/Flow/hooks/useDebug.tsx
@@ -165,7 +165,7 @@ export const useDebug = () => {
         maxW={['90vw', '35vw']}
         px={0}
       >
-        <Flex flexDirection={'column'} h={'100%'}>
+        <Flex flexDirection={'column'} h={'100%'} overflowY={'auto'}>
           <Box flex={'1 0 0'} overflow={'auto'} px={6}>
             {renderInputs.map((input) => {
               const required = input.required || false;
diff --git a/projects/app/src/pages/dataset/detail/components/Import/components/PreviewChunks.tsx b/projects/app/src/pages/dataset/detail/components/Import/components/PreviewChunks.tsx
index bacbb323b..2622c5422 100644
--- a/projects/app/src/pages/dataset/detail/components/Import/components/PreviewChunks.tsx
+++ b/projects/app/src/pages/dataset/detail/components/Import/components/PreviewChunks.tsx
@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { Box } from '@chakra-ui/react';
+import { Box, Flex } from '@chakra-ui/react';
 import { ImportSourceItemType } from '@/web/core/dataset/type';
 import { useQuery } from '@tanstack/react-query';
 import MyRightDrawer from '@fastgpt/web/components/common/MyDrawer/MyRightDrawer';
@@ -83,26 +83,28 @@ const PreviewChunks = ({
       isLoading={isLoading}
       maxW={['90vw', '40vw']}
     >
-      {data.map((item, index) => (
-        <Box
-          key={index}
-          whiteSpace={'pre-wrap'}
-          fontSize={'sm'}
-          p={4}
-          bg={index % 2 === 0 ? 'white' : 'myWhite.600'}
-          mb={3}
-          borderRadius={'md'}
-          borderWidth={'1px'}
-          borderColor={'borderColor.low'}
-          boxShadow={'2'}
-          _notLast={{
-            mb: 2
-          }}
-        >
-          <Box color={'myGray.900'}>{item.q}</Box>
-          <Box color={'myGray.500'}>{item.a}</Box>
-        </Box>
-      ))}
+      <Flex flexDirection={'column'} height={'100%'} overflowY={'auto'}>
+        {data.map((item, index) => (
+          <Box
+            key={index}
+            whiteSpace={'pre-wrap'}
+            fontSize={'sm'}
+            p={4}
+            bg={index % 2 === 0 ? 'white' : 'myWhite.600'}
+            mb={3}
+            borderRadius={'md'}
+            borderWidth={'1px'}
+            borderColor={'borderColor.low'}
+            boxShadow={'2'}
+            _notLast={{
+              mb: 2
+            }}
+          >
+            <Box color={'myGray.900'}>{item.q}</Box>
+            <Box color={'myGray.500'}>{item.a}</Box>
+          </Box>
+        ))}
+      </Flex>
     </MyRightDrawer>
   );
 };