core: frontend: wifi: WifiManager: Add loading animation if wifi store is in loading state

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>

Author: patrickelectric

core/frontend/src/components/wifi/WifiManager.vue

@@ -42,7 +42,7 @@
       </v-btn>
     </v-app-bar>
 
-    <v-sheet>
+    <v-sheet v-if="!wifi_is_loading">
       <wifi-network-card
         v-if="current_network"
         connected
@@ -92,6 +92,12 @@
         </div>
       </v-sheet>
     </v-sheet>
+    <v-sheet v-else>
+      <spinning-logo
+        size="30%"
+        subtitle="Waiting for wifi networks..."
+      />
+    </v-sheet>
 
     <connection-dialog
       v-if="selected_network"
@@ -179,6 +185,10 @@ export default Vue.extend({
     }
   },
   computed: {
+    wifi_is_loading(): boolean {
+      console.log(`wifi_is_loading: ${wifi.is_loading}`)
+      return wifi.is_loading
+    },
     wifi_status(): WifiStatus | null {
       return wifi.network_status
     },