From 547f45173c08dec3f10f6727b6f4b84cd2a05f3c Mon Sep 17 00:00:00 2001
From: Elinor <ekaguongo@gmail.com>
Date: Tue, 5 Jul 2022 14:37:04 +0300
Subject: [PATCH 1/2] add focus zone

---
 .../views/query-runner/request/body/RequestBody.tsx  | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/views/query-runner/request/body/RequestBody.tsx b/src/app/views/query-runner/request/body/RequestBody.tsx
index eac7315b64..0747bdc376 100644
--- a/src/app/views/query-runner/request/body/RequestBody.tsx
+++ b/src/app/views/query-runner/request/body/RequestBody.tsx
@@ -1,3 +1,4 @@
+import { FocusZone, FocusZoneTabbableElements } from '@fluentui/react';
 import React from 'react';
 import { useSelector } from 'react-redux';
 
@@ -9,10 +10,13 @@ const RequestBody = ({ handleOnEditorChange }: any) => {
   const { dimensions: { request: { height } }, sampleQuery } = useSelector((state: IRootState) => state);
 
   return (
-    <Monaco
-      body={sampleQuery.sampleBody}
-      height={convertVhToPx(height, 60)}
-      onChange={(value) => handleOnEditorChange(value)} />
+    <FocusZone>
+      <Monaco
+        body={sampleQuery.sampleBody}
+        height={convertVhToPx(height, 60)}
+        onChange={(value) => handleOnEditorChange(value)} />
+    </FocusZone>
+
   );
 };
 

From b87bf1052af07037e52a2d4bd0aeaf65d8abd5aa Mon Sep 17 00:00:00 2001
From: Elinor <ekaguongo@gmail.com>
Date: Thu, 7 Jul 2022 15:13:35 +0300
Subject: [PATCH 2/2] removed unused import

---
 src/app/views/query-runner/request/body/RequestBody.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/views/query-runner/request/body/RequestBody.tsx b/src/app/views/query-runner/request/body/RequestBody.tsx
index 0747bdc376..e03aa19316 100644
--- a/src/app/views/query-runner/request/body/RequestBody.tsx
+++ b/src/app/views/query-runner/request/body/RequestBody.tsx
@@ -1,4 +1,4 @@
-import { FocusZone, FocusZoneTabbableElements } from '@fluentui/react';
+import { FocusZone } from '@fluentui/react';
 import React from 'react';
 import { useSelector } from 'react-redux';