display operator placement loading error

voxel51 · Sep 17, 2024 · 2173d35 · 2173d35
1 parent 960cf9b
commit 2173d35
Showing 1 changed file with 27 additions and 1 deletion.
diff --git a/app/packages/operators/src/OperatorPlacements.tsx b/app/packages/operators/src/OperatorPlacements.tsx
@@ -24,7 +24,11 @@ export function OperatorPlacementWithErrorBoundary(
   props: OperatorPlacementProps
 ) {
   return (
-    <ErrorBoundary Fallback={() => null}>
+    <ErrorBoundary
+      Fallback={(errorProps) => {
+        return <PlacementError {...props} {...errorProps} />;
+      }}
+    >
       <OperatorPlacement {...props} />
     </ErrorBoundary>
   );
@@ -44,6 +48,28 @@ function OperatorPlacements(props: OperatorPlacementsProps) {
   ));
 }
 
+function PlacementError(props) {
+  const { adaptiveMenuItemProps, error, operator } = props;
+  console.error(error);
+  const operatorURI = operator?.uri;
+  const postfix = operatorURI ? ` for ${operatorURI}` : "";
+  return (
+    <PillButton
+      {...(getStringAndNumberProps(adaptiveMenuItemProps) || {})}
+      icon={
+        <OperatorIcon
+          icon="error"
+          iconProps={{ sx: { color: (theme) => theme.palette.error.main } }}
+        />
+      }
+      title={error?.message || `Failed to load placement${postfix}`}
+      onClick={() => {
+        // do nothing
+      }}
+    />
+  );
+}
+
 export default withSuspense(OperatorPlacements, () => null);
 
 const componentByView = {