From a6559d75c1a4dfc57d25ce1359f8e006e009c2a6 Mon Sep 17 00:00:00 2001
From: Yandrik <me@yandrik.dev>
Date: Thu, 10 Jul 2025 13:26:57 +0200
Subject: [PATCH] feat: fix feedback modal

---
 App.tsx   | 18 +++++++++++++++++-
 index.tsx |  7 ++++---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/App.tsx b/App.tsx
index 239c663..358205d 100644
--- a/App.tsx
+++ b/App.tsx
@@ -551,6 +551,21 @@ export default function App() {
         setShowFeedback(false);
     };
 
+    const handleFeedbackShow = () => {
+        // setShowFeedback(true);
+        // setFeedbackMessage('');
+        Sentry.showReportDialog({
+            title: "Feedback zu Softwarearchitektur Übungen",
+            subtitle: "Bug gefunden, Aufgabenidee, oder sonstiges Feedback? Sag gerne bescheid!",
+            subtitle2: "Dein Feedback hilft mir, die Übungen zu verbessern.",
+            labelName: "Dein Name (optional)",
+            labelEmail: "Deine E-Mail (optional, falls du eine Antwort möchtest, sonst einfach example@example.com)",
+            labelComments: "Dein Feedback",
+            buttonLabel: "Feedback senden",
+            labelSubmit: "Absenden",
+        });
+    };
+
     // --- API KEY STATE ---
     const [apiKey, setApiKey] = useState<string>('');
     const [showSettings, setShowSettings] = useState(false);
@@ -604,10 +619,11 @@ export default function App() {
     return (
         <div className="min-h-screen flex flex-col p-4 md:p-8">
             {/* Feedback Button */}
+            
             <button
                 className="fixed top-4 right-16 z-50 bg-white rounded-full p-2 shadow hover:bg-slate-100 transition"
                 aria-label="Feedback"
-                onClick={() => setShowFeedback(true)}
+                onClick={handleFeedbackShow}
             >
                 <ChatBubbleLeftRightIcon className="w-7 h-7 text-slate-600" />
             </button>
diff --git a/index.tsx b/index.tsx
index 6b48ba7..5b4b8fe 100644
--- a/index.tsx
+++ b/index.tsx
@@ -7,10 +7,11 @@ import * as Sentry from "@sentry/react";
 Sentry.init({
   dsn: "https://2851a11b9f1b4715b389979628da322f@glitchtip.yandrik.dev/3",
   integrations: [
-    Sentry.feedbackIntegration({
+    // Sentry.feedbackIntegration({
       // Additional SDK configuration goes in here, for example:
-      colorScheme: "system",
-    }),
+      // colorScheme: "system",
+
+    // }),
   ],
 });