From 37fdc93b2f21e85c6a54a7883239ddd7ba653b30 Mon Sep 17 00:00:00 2001
From: Rankin Zheng <runjin@merico.dev>
Date: Wed, 30 Aug 2023 11:27:07 +0800
Subject: [PATCH] Add ScrollArea to InputContexts component

- Wrapped the content of the Accordion.Panel in a ScrollArea component.
- This change allows the content to be scrollable when it exceeds the panel's height.
---
 .../components/InputMessage/InputContexts.tsx    | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/views/components/InputMessage/InputContexts.tsx b/src/views/components/InputMessage/InputContexts.tsx
index b5a5e80..be5ae7c 100644
--- a/src/views/components/InputMessage/InputContexts.tsx
+++ b/src/views/components/InputMessage/InputContexts.tsx
@@ -81,13 +81,15 @@ const InputContexts = observer(() => {
                             </ActionIcon>
                         </Box>
                         <Accordion.Panel>
-                            {
-                                content
-                                    ? <pre style={{ overflowWrap: 'normal', fontSize: 'var(--vscode-editor-font-size)', margin: 0 }}>{content}</pre>
-                                    : <Center>
-                                        <Text c='gray.3'>No content</Text>
-                                    </Center>
-                            }
+                            <ScrollArea type="auto">
+                                {
+                                    content
+                                        ? <pre style={{ overflowWrap: 'normal', fontSize: 'var(--vscode-editor-font-size)', margin: 0 }}>{content}</pre>
+                                        : <Center>
+                                            <Text c='gray.3'>No content</Text>
+                                        </Center>
+                                }
+                            </ScrollArea>
                         </Accordion.Panel>
                     </Accordion.Item>
                 );