From afdbefe36c3b833b428331a0a8e37097a4894233 Mon Sep 17 00:00:00 2001
From: Laurent Nguyen <laurent.nguyen@microsoft.com>
Date: Tue, 15 Apr 2025 17:48:44 +0200
Subject: [PATCH] Implement refreshResourceTree message and hide refresh button
 above resource tree for Fabric native (#2102)

---
 src/Contracts/FabricMessagesContract.ts |  7 +++++++
 src/Explorer/Sidebar.tsx                | 22 ++++++++++++----------
 src/hooks/useKnockoutExplorer.ts        |  4 ++++
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/Contracts/FabricMessagesContract.ts b/src/Contracts/FabricMessagesContract.ts
index 2cc99c578..8cc198a11 100644
--- a/src/Contracts/FabricMessagesContract.ts
+++ b/src/Contracts/FabricMessagesContract.ts
@@ -81,6 +81,13 @@ export type FabricMessageV3 =
         error: string | undefined;
         data: { accessToken: string };
       };
+    }
+  | {
+      type: "refreshResourceTree";
+      message: {
+        id: string;
+        error: string | undefined;
+      };
     };
 
 export enum CosmosDbArtifactType {
diff --git a/src/Explorer/Sidebar.tsx b/src/Explorer/Sidebar.tsx
index 229518f9f..f3db58d8a 100644
--- a/src/Explorer/Sidebar.tsx
+++ b/src/Explorer/Sidebar.tsx
@@ -340,16 +340,18 @@ export const SidebarContainer: React.FC<SidebarProps> = ({ explorer }) => {
                   <>
                     <div className={styles.floatingControlsContainer}>
                       <div className={styles.floatingControls}>
-                        <button
-                          type="button"
-                          data-test="Sidebar/RefreshButton"
-                          className={styles.floatingControlButton}
-                          disabled={loading}
-                          title="Refresh"
-                          onClick={onRefreshClick}
-                        >
-                          <ArrowSync12Regular />
-                        </button>
+                        {!isFabricNative() && (
+                          <button
+                            type="button"
+                            data-test="Sidebar/RefreshButton"
+                            className={styles.floatingControlButton}
+                            disabled={loading}
+                            title="Refresh"
+                            onClick={onRefreshClick}
+                          >
+                            <ArrowSync12Regular />
+                          </button>
+                        )}
                         <button
                           type="button"
                           className={styles.floatingControlButton}
diff --git a/src/hooks/useKnockoutExplorer.ts b/src/hooks/useKnockoutExplorer.ts
index 71818f572..bfa8a95b2 100644
--- a/src/hooks/useKnockoutExplorer.ts
+++ b/src/hooks/useKnockoutExplorer.ts
@@ -215,6 +215,10 @@ async function configureFabric(): Promise<Explorer> {
             }
             break;
           }
+          case "refreshResourceTree": {
+            explorer.onRefreshResourcesClick();
+            break;
+          }
           default:
             console.error(`Unknown Fabric message type: ${JSON.stringify(data)}`);
             break;