Landing page

landing-page/src/components/landing-page-network.ts

@@ -20,6 +20,7 @@ import {
   setSupervisorNetworkDns,
 } from "../data/supervisor";
 import { fireEvent } from "../../../src/common/dom/fire_event";
+import { showAlertDialog } from "../../../src/dialogs/generic/show-dialog-box";
 
 const SCHEDULE_FETCH_NETWORK_INFO_SECONDS = 5;
 
@@ -93,34 +94,36 @@ class LandingPageNetwork extends LitElement {
   }
 
   private async _fetchSupervisorInfo() {
+    let data;
     try {
       const response = await getSupervisorNetworkInfo();
       if (!response.ok) {
         throw new Error("Failed to fetch network info");
       }
 
-      const { data } = await response.json();
-
-      this._getNetworkInfoError = false;
-
-      if (!data.host_internet) {
-        this._networkIssue = true;
-        const primaryInterface = data.interfaces.find(
-          (intf) => intf.primary && intf.enabled
-        );
-        if (primaryInterface) {
-          this._dnsPrimaryInterface = [
-            ...(primaryInterface.ipv4?.nameservers || []),
-            ...(primaryInterface.ipv6?.nameservers || []),
-          ].join(", ");
-        }
-      } else {
-        this._networkIssue = false;
-      }
+      ({ data } = await response.json());
     } catch (err) {
       // eslint-disable-next-line no-console
       console.error(err);
       this._getNetworkInfoError = true;
+      return;
+    }
+
+    this._getNetworkInfoError = false;
+
+    if (!data.host_internet) {
+      this._networkIssue = true;
+      const primaryInterface = data.interfaces.find(
+        (intf) => intf.primary && intf.enabled
+      );
+      if (primaryInterface) {
+        this._dnsPrimaryInterface = [
+          ...(primaryInterface.ipv4?.nameservers || []),
+          ...(primaryInterface.ipv6?.nameservers || []),
+        ].join(", ");
+      }
+    } else {
+      this._networkIssue = false;
     }
 
     fireEvent(this, "value-changed", {
@@ -140,7 +143,11 @@ class LandingPageNetwork extends LitElement {
     } catch (err) {
       // eslint-disable-next-line no-console
       console.error(err);
-      this._getNetworkInfoError = true;
+      showAlertDialog(this, {
+        title: this.localize("network_issue.failed"),
+        text: this.localize("network_issue.set_dns_failed"),
+        confirmText: this.localize("network_issue.close"),
+      });
     }
   }
 

src/translations/en.json

@@ -7519,7 +7519,10 @@
       "resolve_different": "To resolve this, you can try a different DNS server. Select one of the options below. Alternatively, change your router configuration to use your own custom DNS server.",
       "use_cloudflare": "Use Cloudflare DNS",
       "use_google": "Use Google DNS",
-      "no_primary_interface": "Home Assistant OS wasn't able to detect a primary network interface, so you cannot define a DNS server!"
+      "no_primary_interface": "Home Assistant OS wasn't able to detect a primary network interface, so you cannot define a DNS server!",
+      "failed": "Failed",
+      "set_dns_failed": "An error occurred while setting the DNS server. Please check the logs for more information and try again.",
+      "close": "[%key:ui::common::close%]"
     },
     "logs": {
       "scroll_down_button": "New logs - Click to scroll",