From ef025880cc7587f07679b90955539601a4ec555f Mon Sep 17 00:00:00 2001
From: Avcharov Hryhorii <avchargrisha@gmail.com>
Date: Thu, 4 Sep 2025 11:24:07 +0200
Subject: [PATCH] fix: remove refresh button from transfer state tab (#63592)

TransferState is only written into the DOM once during SSR and is not kept in sync with the runtime state on the client. Pressing the refresh button always re-reads the initial serialized script tag, which never changes after bootstrap.

PR Close #63592
---
 .../transfer-state/transfer-state.component.html     |  5 -----
 .../transfer-state/transfer-state.component.scss     | 12 ------------
 .../transfer-state/transfer-state.component.ts       |  4 ----
 3 files changed, 21 deletions(-)

diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.html b/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.html
index b9e6e49e36e..ca5245fae4e 100644
--- a/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.html
+++ b/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.html
@@ -4,11 +4,6 @@
       <mat-icon>swap_horiz</mat-icon>
       Transfer State
     </h2>
-    <div class="actions">
-      <button ng-button btnType="icon" (click)="refresh()" matTooltip="Refresh transfer state">
-        <mat-icon>refresh</mat-icon>
-      </button>
-    </div>
   </div>
 
   @if (isLoading()) {
diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.scss b/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.scss
index 1f6679f071d..1fc695c289a 100644
--- a/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.scss
+++ b/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.scss
@@ -26,18 +26,6 @@
         height: 1.25rem;
       }
     }
-
-    .actions {
-      display: flex;
-      gap: 0.5rem;
-      align-items: center;
-
-      button {
-        display: flex;
-        align-items: center;
-        gap: 0.25rem;
-      }
-    }
   }
 
   .loading {
diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.ts b/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.ts
index 888d2950dc8..f44727977b2 100644
--- a/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.ts
+++ b/devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.ts
@@ -142,10 +142,6 @@ export class TransferStateComponent {
     }
   }
 
-  refresh(): void {
-    this.loadTransferState();
-  }
-
   isValueLong(element: HTMLElement, isExpanded: boolean = false): boolean {
     if (isExpanded) return true;