Merge pull request #298 from couchbaselabs/DA#297-add-a-load-more-ico…

…n-and-show-size-in-kb-in-query-result

Da#297 add a load more icon and show size in kb in query result

src/model/PagerNode.ts

@@ -14,6 +14,7 @@
  *   limitations under the License.
  */
 import * as vscode from "vscode";
+import * as path from "path";
 import CollectionNode from "./CollectionNode";
 import { INode } from "../types/INode";
 
@@ -26,6 +27,22 @@ export class PagerNode implements INode {
   public getTreeItem(): vscode.TreeItem {
     return {
       label: `Load more`,
+      iconPath: {
+        light: path.join(
+          __filename,
+          "..",
+          "..",
+          "images/light",
+          "load-more.svg"
+        ),
+        dark: path.join(
+          __filename,
+          "..",
+          "..",
+          "images/dark",
+          "load-more.svg"
+        ),
+      },
       collapsibleState: vscode.TreeItemCollapsibleState.None,
       command: {
         command: "vscode-couchbase.loadMore",

src/workbench/queryWorkbench.ts

@@ -67,13 +67,14 @@ export class QueryWorkbench {
                 const result = await connection.cluster?.query(query, queryOptions);
                 const end = Date.now();
                 const rtt = end - start;
+                const resultSize = result?.meta.metrics?.resultSize;
                 const queryStatusProps = {
                     queryStatus: result?.meta.status,
                     rtt: rtt.toString() + " MS",
                     elapsed: result?.meta.metrics?.elapsedTime.toString() + " MS",
                     executionTime: result?.meta.metrics?.executionTime + " MS",
                     numDocs: result?.meta.metrics?.resultCount.toString() + " docs",
-                    size: result?.meta.metrics?.resultSize.toString() + " Bytes",
+                    size: resultSize ? (resultSize > 1000 ? (resultSize / 1000).toFixed(2) + " KB" : resultSize + " Bytes") : ""
                 };
                 const explainPlan = JSON.stringify(result?.meta.profile.executionTimings);
                 await workbenchWebviewProvider.setQueryResult(