diff --git a/App.tsx b/App.tsx index 217efce..239c663 100644 --- a/App.tsx +++ b/App.tsx @@ -1,6 +1,7 @@ import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react'; import { Dialog } from "@headlessui/react"; -import { Cog6ToothIcon } from "@heroicons/react/24/outline"; +import { Cog6ToothIcon, ChatBubbleLeftRightIcon } from "@heroicons/react/24/outline"; +import * as Sentry from "@sentry/react"; import { Exercise, CheckResult, ExercisePartType } from './types'; import { swaExercises1 } from './data/swa_exercises.1'; import { swaExercises2 } from './data/swa_exercises.2'; @@ -539,6 +540,16 @@ const allSwaExercises: Exercise[] = [ export default function App() { const [exercises, setExercises] = useState([]); const [currentIndex, setCurrentIndex] = useState(0); + const [showFeedback, setShowFeedback] = useState(false); + const [feedbackMessage, setFeedbackMessage] = useState(''); + + const handleFeedbackSubmit = () => { + Sentry.captureFeedback({ + message: feedbackMessage, + }); + setFeedbackMessage(''); + setShowFeedback(false); + }; // --- API KEY STATE --- const [apiKey, setApiKey] = useState(''); @@ -592,6 +603,14 @@ export default function App() { return (
+ {/* Feedback Button */} + {/* Settings Button */}
+ {/* Feedback Modal */} + setShowFeedback(false)} className="relative z-50"> +