From e3aa31ae9b47bebc4c4f533e13535d7b9f27c194 Mon Sep 17 00:00:00 2001
From: Satyapriya Bai <v-satybai@microsoft.com>
Date: Mon, 21 Apr 2025 19:16:01 +0530
Subject: [PATCH] Format fixed.

---
 src/Explorer/Sidebar.tsx                        | 17 ++++++++++++-----
 .../Tabs/QueryTab/QueryResultSection.tsx        |  6 +++++-
 src/Explorer/Tabs/QueryTab/Styles.ts            |  3 +--
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/Explorer/Sidebar.tsx b/src/Explorer/Sidebar.tsx
index 143125fa7..354d082c6 100644
--- a/src/Explorer/Sidebar.tsx
+++ b/src/Explorer/Sidebar.tsx
@@ -119,9 +119,9 @@ const useSidebarStyles = makeStyles({
     overflow: "scroll",
   },
 
-  minHeightZoom:{
+  minHeightZoom: {
     minHeight: "400px",
-  }
+  },
 });
 
 interface GlobalCommandsProps {
@@ -347,12 +347,16 @@ export const SidebarContainer: React.FC<SidebarProps> = ({ explorer }) => {
         ref={allotment}
         onChange={onChange}
         onDragEnd={onDragEnd}
-        className={`resourceTreeAndTabs ${styles.accessibleContent} ${isZoomed ? styles.accessibleContentZoom : ''}`}
+        className={`resourceTreeAndTabs ${styles.accessibleContent} ${isZoomed ? styles.accessibleContentZoom : ""}`}
       >
         {/* Collections Tree - Start */}
         {hasSidebar && (
           // When collapsed, we force the pane to 24 pixels wide and make it non-resizable.
-          <Allotment.Pane className={`${styles.minHeightResponsive} ${isZoomed ? styles.minHeightZoom : ''}`} minSize={24} preferredSize={250}>
+          <Allotment.Pane
+            className={`${styles.minHeightResponsive} ${isZoomed ? styles.minHeightZoom : ""}`}
+            minSize={24}
+            preferredSize={250}
+          >
             <CosmosFluentProvider className={mergeClasses(styles.sidebar)}>
               <div className={styles.sidebarContainer}>
                 {loading && (
@@ -408,7 +412,10 @@ export const SidebarContainer: React.FC<SidebarProps> = ({ explorer }) => {
             </CosmosFluentProvider>
           </Allotment.Pane>
         )}
-        <Allotment.Pane className={`${styles.minHeightResponsive} ${isZoomed ? styles.minHeightZoom : ''}`} minSize={200}>
+        <Allotment.Pane
+          className={`${styles.minHeightResponsive} ${isZoomed ? styles.minHeightZoom : ""}`}
+          minSize={200}
+        >
           <Tabs explorer={explorer} />
         </Allotment.Pane>
       </Allotment>
diff --git a/src/Explorer/Tabs/QueryTab/QueryResultSection.tsx b/src/Explorer/Tabs/QueryTab/QueryResultSection.tsx
index e0c6d6164..83087f17e 100644
--- a/src/Explorer/Tabs/QueryTab/QueryResultSection.tsx
+++ b/src/Explorer/Tabs/QueryTab/QueryResultSection.tsx
@@ -29,7 +29,11 @@ const ExecuteQueryCallToAction: React.FC = () => {
     <div data-test="QueryTab/ResultsPane/ExecuteCTA" className={styles.executeCallToAction}>
       <div>
         <p>
-          <img className={`${styles.responsiveImg} ${isZoomed ? styles.zoomedImageSize : ''}`} src={RunQuery} aria-hidden="true" />
+          <img
+            className={`${styles.responsiveImg} ${isZoomed ? styles.zoomedImageSize : ""}`}
+            src={RunQuery}
+            aria-hidden="true"
+          />
         </p>
         <p>Execute a query to see the results</p>
       </div>
diff --git a/src/Explorer/Tabs/QueryTab/Styles.ts b/src/Explorer/Tabs/QueryTab/Styles.ts
index 6030c65fa..006a9f9e1 100644
--- a/src/Explorer/Tabs/QueryTab/Styles.ts
+++ b/src/Explorer/Tabs/QueryTab/Styles.ts
@@ -99,7 +99,7 @@ export const useQueryTabStyles = makeStyles({
     display: "flex",
     flexDirection: "row",
   },
-  responsiveImg:{
+  responsiveImg: {
     "@media (max-width: 420px)": {
       width: "50px",
     },
@@ -107,5 +107,4 @@ export const useQueryTabStyles = makeStyles({
   zoomedImageSize: {
     width: "60px",
   },
-
 });