query handling and server down message

pkg/ui/src/app/components/routeservers/Status.js

@@ -9,6 +9,7 @@ import { FontAwesomeIcon }
   from '@fortawesome/react-fontawesome';
 import { faClock
        , faThumbsUp
+       , faThumbsDown
        }
   from '@fortawesome/free-regular-svg-icons';
 import { faArrowsRotate }
@@ -84,10 +85,18 @@ const Status = () => {
           <td>Last Reconfig: <b><DateTime value={lastReconfig} /></b></td>
         </tr>}
 
+      {rsStatus.message &&
         <tr>
           <td><FontAwesomeIcon icon={faThumbsUp} /></td>
           <td><b>{rsStatus.message}</b></td>
-        </tr>
+        </tr>}
+
+      {!rsStatus.message &&
+        <tr>
+          <td><FontAwesomeIcon icon={faThumbsDown} /></td>
+          <td>Route server is not reachable.</td>
+        </tr>}
+
         <CacheStatus />
       </tbody>
     </table>

pkg/ui/src/app/components/search/query.js

@@ -13,6 +13,8 @@ import { useSearchParams
  * useQuery is an extension to useLocation to handle
  * query parameters. Internally this uses URLSearchParams
  * for decoding but returns an object merged with the defaults.
+ * To prevent loops, the search parameters are only updated
+ * if they differ.
  */
 export const useQuery = (defaults={}) => {
   const [query, setQuery] = useSearchParams(defaults);

pkg/ui/src/app/pages/NeighborsPage.js

@@ -38,11 +38,7 @@ import SearchInput
  */
 const NeighborsPage = () => {
   const routeServer   = useSelectedRouteServer();
-  const [query, setQuery] = useQuery({
+  const [query, setQuery] = useQuery({q: ""});
-    s: "asn", // Sort
-    o: "asc", // Order
-    q: "",    // Search
-  });
 
   if (!routeServer) { return null; } // nothing to do here