feat: integrate Sentry for error tracking and enhance user notifications

- Added Sentry integration for error tracking across various components, including error boundaries and user actions. - Updated global error handling to capture exceptions and provide detailed feedback to users. - Enhanced user notifications with toast messages for actions such as credit management, image generation, and canvas exports. - Improved user experience by displaying relevant messages during interactions, ensuring better visibility of system states and errors.
2026-03-27 18:14:04 +01:00
parent 5da0204163
commit 2f89465e82
35 changed files with 2822 additions and 186 deletions
--- a/app/global-error.tsx
+++ b/app/global-error.tsx
@@ -1,5 +1,8 @@
 "use client";

+import * as Sentry from "@sentry/nextjs";
+import { useEffect } from "react";
+
 import { Button } from "@/components/ui/button";

 type GlobalErrorProps = {
@@ -11,6 +14,10 @@ export default function GlobalError({
  error,
  unstable_retry,
 }: GlobalErrorProps) {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
  return (
    <html lang="de" className="h-full antialiased font-sans">
      <body className="min-h-full bg-background text-foreground">