handle missing device ports

althea-net · Apr 3, 2019 · 0cd26d9 · 0cd26d9
1 parent b284483
commit 0cd26d9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/RouterSettings/PortColumns.js b/src/RouterSettings/PortColumns.js
@@ -1,6 +1,7 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
 
+import { Alert } from "reactstrap";
 import { PortColumn, PortNumber, PortToggle } from "./PortStyles.js";
 
 import portOrderings from "../portOrderings";
@@ -10,6 +11,9 @@ const PortColumns = ({ device, interfaces, setInterfaceMode }) => {
   let [t] = useTranslation();
   let modes = [t("LAN"), t("Mesh"), t("WAN")];
 
+  if (!portOrderings[device])
+    return <Alert color="danger">{t("deviceNotRecognized")}</Alert>;
+
   return (
     <div className="d-flex flex-wrap justify-content-center mb-2 mx-0 px-0">
       {portOrderings[device].map((iface, i) => {

diff --git a/src/locales/en/translations.json b/src/locales/en/translations.json
@@ -36,6 +36,7 @@
   "debuggingMessage": "{{show}} advanced debugging message",
   "deposit": "Deposit",
   "depositFunds": "Deposit Funds",
+  "deviceNotRecognized": "Could not find port settings for your device",
   "edit": "Edit",
   "email": "Email",
   "emailAddress": "Email Address",