Fix bug causing query response data to extend past screen boundaries

itazurakozo · May 25, 2023 · c4ccc12 · c4ccc12
1 parent 5cfbee8
commit c4ccc12
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/quell-extension/dist/panel.bundle.js b/quell-extension/dist/panel.bundle.js
diff --git a/quell-extension/src/pages/Panel/Components/ClientTab.tsx b/quell-extension/src/pages/Panel/Components/ClientTab.tsx
@@ -179,7 +179,8 @@ const RequestDetails = ({ clickedRowData, queryTime } = props) => {
         <>
           <CodeMirror
             className="client_editor"
-            value={beautify(clickedRowData.responseData, null, 2, 80)}
+            value={JSON.stringify(clickedRowData.responseData, null, 2)}
+            // value={beautify(clickedRowData.responseData, null, 2, 80)}
             options={{
               theme: 'material-darker',
               mode: 'json',

diff --git a/quell-extension/src/pages/Panel/Components/OutputEditor.tsx b/quell-extension/src/pages/Panel/Components/OutputEditor.tsx
@@ -11,7 +11,8 @@ const OutputEditor = ({results}) => {
 
   useEffect(() => {
     if (Object.keys(results).length > 0) {
-      setOutput(beautify(results, null, 2, 80));
+      // setOutput(beautify(results, null, 2, 80));
+      setOutput(JSON.stringify(results, null, 2));
     }
   }, [results])
 
@@ -21,8 +22,9 @@ const OutputEditor = ({results}) => {
       value={output}
       options={{
         theme: 'material-darker',
-        lineNumbers: false,
-        mode:'json'
+        // lineNumbers: false,
+        mode:'json',
+        scrollbarStyle: 'null'
       }}
     />
   );

diff --git a/quell-extension/src/pages/Panel/global.scss b/quell-extension/src/pages/Panel/global.scss
@@ -241,7 +241,6 @@ tr:hover {
   .query_output_editor .CodeMirror {
     height: calc(100vh - 70px);
     min-height: 200px;
-
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -241,7 +241,6 @@ tr:hover { @@
       .query_output_editor .CodeMirror {
         height: calc(100vh - 70px);
         min-height: 200px;
       }
     }
@@ Expand Down @@