From 1891ac72f6d4d1a6b016ba35efc5eba2e69061f8 Mon Sep 17 00:00:00 2001
From: kassem <omarksm09@gmail.com>
Date: Sun, 11 Jun 2023 12:14:02 +0300
Subject: [PATCH] fix interface details

---
 packages/dashboard/src/explorer/components/DetailsV2.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/dashboard/src/explorer/components/DetailsV2.vue b/packages/dashboard/src/explorer/components/DetailsV2.vue
index e0dd31df87..a8904c53b4 100644
--- a/packages/dashboard/src/explorer/components/DetailsV2.vue
+++ b/packages/dashboard/src/explorer/components/DetailsV2.vue
@@ -36,8 +36,8 @@
             <TwinDetails :twin="data.twin" :title="node ? 'Node Twin Details' : 'Farm Twin Details'" />
           </v-col>
 
-          <v-col :cols="screen_max_700.matches ? 12 : screen_max_1200.matches ? 6 : 4" v-if="node && node.interfaces">
-            <InterfacesDetails :interfaces="node.interfaces" />
+          <v-col :cols="screen_max_700.matches ? 12 : screen_max_1200.matches ? 6 : 4" v-if="node && interfaces">
+            <InterfacesDetails :interfaces="interfaces" />
           </v-col>
         </v-row>
       </div>
@@ -85,6 +85,7 @@ export default class Details extends Vue {
 
   loading = false;
   grafanaUrl = "";
+  interfaces = undefined;
 
   data: any = {};
 
@@ -117,6 +118,7 @@ export default class Details extends Vue {
           return res;
         }, data);
         // update with the data from grid proxy
+        this.interfaces = data.node.interfaces;
         if (this.nodeId) {
           this.data.node = await fetch(`${window.configs.APP_GRIDPROXY_URL}/nodes/${this.nodeId}`).then(res =>
             res.json(),