From f6db05b15c4e13785400faf57d39b12bb4bd6170 Mon Sep 17 00:00:00 2001
From: Willian Galvani <williangalvani@gmail.com>
Date: Thu, 10 Oct 2024 17:43:12 -0300
Subject: [PATCH] Frontend: ethernet: add tooltip informing why the DHCP server
 button is disabled

---
 .../src/components/ethernet/InterfaceCard.vue  | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/core/frontend/src/components/ethernet/InterfaceCard.vue b/core/frontend/src/components/ethernet/InterfaceCard.vue
index 3777512993..c5e4fe8aa7 100644
--- a/core/frontend/src/components/ethernet/InterfaceCard.vue
+++ b/core/frontend/src/components/ethernet/InterfaceCard.vue
@@ -67,15 +67,19 @@
           >
             Disable <br> DHCP server
           </v-btn>
-          <v-btn
+          <span
             v-else
-            small
-            class="ma-2 px-2 py-5 elevation-1"
-            :disabled="!is_static_ip_present"
-            @click="openDHCPServerDialog"
+            v-tooltip="!is_static_ip_present ? 'A static IP address is required to enable DHCP server.' : undefined"
           >
-            Enable <br> DHCP server
-          </v-btn>
+            <v-btn
+              small
+              class="ma-2 px-2 py-5 elevation-1"
+              :disabled="!is_static_ip_present"
+              @click="openDHCPServerDialog"
+            >
+              Enable <br> DHCP server
+            </v-btn>
+          </span>
         </v-row>
       </v-container>
     </v-expansion-panel-content>