fix: render status

Postcatlab · Sep 9, 2022 · 7146c04 · 7146c04
1 parent e7dd0e3
commit 7146c04
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/workbench/browser/src/app/pages/api/websocket/websocket.component.html b/src/workbench/browser/src/app/pages/api/websocket/websocket.component.html
@@ -66,7 +66,7 @@
             <span
               i18n="@@RequestHeaders"
               nz-tooltip
-              [nzTooltipTitle]="wsStatus ? 'Editable only before connection' : ''"
+              [nzTooltipTitle]="wsStatus !== 'disconnect' ? 'Editable only before connection' : ''"
               >Headers</span
             >
           </ng-template>
@@ -79,7 +79,7 @@
         </nz-tab>
         <nz-tab [nzTitle]="queryTitleTmp" [nzForceRender]="true">
           <ng-template #queryTitleTmp>
-            <span i18n nz-tooltip [nzTooltipTitle]="wsStatus ? 'Editable only before connection' : ''"
+            <span i18n nz-tooltip [nzTooltipTitle]="wsStatus !== 'disconnect' ? 'Editable only before connection' : ''"
               >Query Params</span
             >
           </ng-template>

diff --git a/src/workbench/browser/src/app/pages/api/websocket/websocket.component.ts b/src/workbench/browser/src/app/pages/api/websocket/websocket.component.ts
@@ -93,7 +93,10 @@ export class WebsocketComponent implements OnInit, OnDestroy {
     this.model.response.responseBody[index].isExpand = status == null ? true : !status;
   }
   renderStatus(status) {
-    const hash = new Map().set(true, 'Connected').set(false, 'Disconnect').set(null, 'Connecting');
+    const hash = new Map()
+      .set('connected', 'Connected')
+      .set('disconnect', 'Disconnect')
+      .set('connecting', 'Connecting');
     return hash.get(status);
   }
   rawDataChange(e) {