finish failing gracefully for all pages

also refactor out isFulfilled core logic

frontend/src/pages/Parts.tsx

@@ -4,6 +4,7 @@ import { useAuthentication } from "hooks/auth";
 import { useEffect, useState } from "react";
 import { Breadcrumb, Card, Col, Row, Spinner } from "react-bootstrap";
 import { useNavigate } from "react-router-dom";
+import { isFulfilled } from "utils/isfullfiled";
 
 const Parts = () => {
   const auth = useAuthentication();
@@ -13,13 +14,6 @@ const Parts = () => {
   const [error, setError] = useState<string | null>(null);
   const { addAlert } = useAlertQueue();
 
-  // Type guard to check if a result is a fulfilled result
-  function isFulfilled<T>(
-    result: PromiseSettledResult<T>,
-  ): result is PromiseFulfilledResult<T> {
-    return result.status === "fulfilled" && result.value != null;
-  }
-
   useEffect(() => {
     const fetch_parts = async () => {
       try {

frontend/src/pages/RobotDetails.tsx

@@ -13,6 +13,8 @@ import {
 } from "react-bootstrap";
 import Markdown from "react-markdown";
 import { Link, useNavigate, useParams } from "react-router-dom";
+import { useAlertQueue } from "hooks/alerts";
+import { isFulfilled } from "utils/isfullfiled";
 
 interface RobotDetailsResponse {
   name: string;
@@ -29,6 +31,7 @@ interface ExtendedBom {
 }
 
 const RobotDetails = () => {
+  const { addAlert } = useAlertQueue();
   const auth = useAuthentication();
   const auth_api = new api(auth.api);
   const [userId, setUserId] = useState<string | null>(null);
@@ -61,7 +64,7 @@ const RobotDetails = () => {
             quantity: part.quantity,
           };
         });
-        setParts(await Promise.all(parts));
+        setParts((await Promise.allSettled(parts)).filter(isFulfilled).map((result) => result.value as ExtendedBom));
       } catch (err) {
         if (err instanceof Error) {
           setError(err.message);
@@ -85,9 +88,9 @@ const RobotDetails = () => {
 
   useEffect(() => {
     if (error) {
-      navigate("/404"); // Redirect to a 404 page
+      addAlert(error, "error");
     }
-  }, [error, navigate]);
+  }, [error]);
 
   if (!robot) {
     return <Spinner animation="border" />;

frontend/src/pages/Robots.tsx

@@ -3,6 +3,7 @@ import { useAuthentication } from "hooks/auth";
 import { useEffect, useState } from "react";
 import { Breadcrumb, Card, Col, Row, Spinner } from "react-bootstrap";
 import { useNavigate } from "react-router-dom";
+import { isFulfilled } from "utils/isfullfiled";
 
 const Robots = () => {
   const auth = useAuthentication();
@@ -19,12 +20,12 @@ const Robots = () => {
         robotsQuery.forEach((robot) => {
           ids.add(robot.owner);
         });
-        const idMap = await Promise.all(
+        const idMap = await Promise.allSettled(
           Array.from(ids).map(async (id) => {
             return [id, await auth_api.getUserById(id)];
           }),
         );
-        setIdMap(new Map(idMap.map(([key, value]) => [key, value])));
+        setIdMap(new Map(idMap.filter(isFulfilled).map((result) => result.value as [string, string])));
       } catch (err) {
         if (err instanceof Error) {
           setError(err.message);

frontend/src/utils/isfullfiled.ts

@@ -0,0 +1,6 @@
+// Type guard to check if a result is a fulfilled result
+export function isFulfilled<T>(
+  result: PromiseSettledResult<T>,
+): result is PromiseFulfilledResult<T> {
+  return result.status === "fulfilled" && result.value != null;
+}