Handle assoc list error

On this way, the ui does not block and it shows and error message
libremesh · Mar 25, 2024 · 97a3930 · 97a3930
1 parent 0728fda
commit 97a3930
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/plugins/lime-plugin-align/src/alignPage.js b/plugins/lime-plugin-align/src/alignPage.js
@@ -80,7 +80,11 @@ export const AssocRow = ({ station, iface }) => {
 };
 
 export const AssocList = ({ iface }) => {
-    const { data: assoclist, isLoading } = useAssocList(iface, {
+    const {
+        data: assoclist,
+        isLoading,
+        isError,
+    } = useAssocList(iface, {
         refetchInterval: 2000,
     });
 
@@ -92,6 +96,14 @@ export const AssocList = ({ iface }) => {
         );
     }
 
+    if (isError || !assoclist) {
+        return (
+            <div className="container container-center">
+                <Trans>Error retrieving associated list</Trans>
+            </div>
+        );
+    }
+
     return (
         <List>
             {assoclist.length > 0 && (