A more modest error fallback

Author: camielvs

src/components/shared/SuspenseWrapper.tsx

@@ -8,10 +8,10 @@ import {
 } from "react";
 import { ErrorBoundary, type FallbackProps } from "react-error-boundary";
 
-import { Button } from "@/components/ui/button";
 import { Spinner } from "@/components/ui/spinner";
 
-import { InfoBox } from "./InfoBox";
+import TooltipButton from "./Buttons/TooltipButton";
+import { Icon } from "../ui/icon";
 
 type ErrorFallbackProps<T extends ComponentType<any>> = FallbackProps & {
   originalProps?: Partial<ComponentProps<T>>;
@@ -26,11 +26,14 @@ const ErrorFallback = <T extends ComponentType<any>>({
   resetErrorBoundary,
 }: ErrorFallbackProps<T>) => {
   return (
-    <InfoBox title="There was an error!" variant="error">
-      <Button onClick={() => resetErrorBoundary()} variant={"ghost"} size="xs">
-        Try again
-      </Button>
-    </InfoBox>
+    <TooltipButton
+      tooltip="A UI element failed to render. Click to retry."
+      onClick={() => resetErrorBoundary()}
+      variant="ghost"
+      size="min"
+    >
+      <Icon name="FileExclamationPoint" className="text-destructive" />
+    </TooltipButton>
   );
 };