From 9ad9f7bf517c10f61f439c0d9d0701ddc92e1e0b Mon Sep 17 00:00:00 2001
From: sunghyunkang1111 <114709653+sunghyunkang1111@users.noreply.github.com>
Date: Mon, 2 Oct 2023 11:28:25 -0500
Subject: [PATCH] Add word wrap for the query explanation (#1634)

* Add word wrap for the query explanation

* Update test snap
---
 src/Explorer/QueryCopilot/QueryCopilotTab.tsx                    | 1 +
 .../QueryCopilot/__snapshots__/QueryCopilotTab.test.tsx.snap     | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/Explorer/QueryCopilot/QueryCopilotTab.tsx b/src/Explorer/QueryCopilot/QueryCopilotTab.tsx
index 43df28747..c1e2ddc91 100644
--- a/src/Explorer/QueryCopilot/QueryCopilotTab.tsx
+++ b/src/Explorer/QueryCopilot/QueryCopilotTab.tsx
@@ -546,6 +546,7 @@ export const QueryCopilotTab: React.FC<QueryCopilotProps> = ({ explorer }: Query
               language={"sql"}
               content={query}
               isReadOnly={false}
+              wordWrap={"on"}
               ariaLabel={"Editing Query"}
               lineNumbers={"on"}
               onContentChanged={(newQuery: string) => setQuery(newQuery)}
diff --git a/src/Explorer/QueryCopilot/__snapshots__/QueryCopilotTab.test.tsx.snap b/src/Explorer/QueryCopilot/__snapshots__/QueryCopilotTab.test.tsx.snap
index e46e9d8ac..7a5ab31b1 100644
--- a/src/Explorer/QueryCopilot/__snapshots__/QueryCopilotTab.test.tsx.snap
+++ b/src/Explorer/QueryCopilot/__snapshots__/QueryCopilotTab.test.tsx.snap
@@ -131,6 +131,7 @@ exports[`Query copilot tab snapshot test should render with initial input 1`] =
           lineNumbers="on"
           onContentChanged={[Function]}
           onContentSelected={[Function]}
+          wordWrap="on"
         />
         <QueryCopilotResults />
       </t>