Feedback Form

frontend/package.json

@@ -9,8 +9,8 @@
   },
   "dependencies": {
     "@creativebulma/bulma-badge": "^1.0.1",
-    "@sentry/tracing": "^7.119.0",
-    "@sentry/vue": "^7.119.0",
+    "@sentry/tracing": "^7.120.2",
+    "@sentry/vue": "^8.47.0",
     "bulma": "^0.9.3",
     "dayjs": "^1.10.7",
     "lodash.isequal": "^4.5.0",

frontend/src/components/modals/changelog.vue

@@ -22,7 +22,19 @@
           <li class="has-text-primary">The fix I have implemented is to do this consolidation for un-verified Characters belonging to the same User as well, and leaving unverified versions owned by other Users to be deleted after the week deadline.</li>
         </ul>
       </p>
-      <p>If anyone would like to share feedback / give ideas on this matter, please let me know on Github or in the Discord. Hopefully this is an acceptable solution!</p>
+      <p>If anyone would like to share feedback / give ideas on this matter, please let me know on Github or in the Discord, or by using the new addition below. Hopefully this is an acceptable solution!</p>
+
+      <div class="divider"><i class="material-icons icon">expand_more</i> Feedback Form <i class="material-icons icon">expand_more</i></div>
+      <p>
+        Added a little Feedback widget for another mechanism of gathering feedback for people not on Github or don't want to join the Discord.
+        <ul>
+          <li>I need to upgrade the website UI from using Vue 2 to Vue 3; I'm aiming to start on this in the downtime after 7.2 drops.</li>
+          <li>I intend to keep the site as close as possible as how it is to use currently so if you like how it works then don't worry!</li>
+          <li>However, if there are bugs/issues that I haven't caught, or if there is anything you think is weird or difficult to use, please let me know!</li>
+          <li>I want to make this site as good as I can, and I want you all to be as happy as possible using it as well, so please help me if there is anything I should know!</li>
+        </ul>
+      </p>
+      <p>I wasn't planning on releasing this so soon but I wanted the bugfix out ASAP and this was already in the codebase :D</p>
     </div>
   </div>
 </template>

frontend/src/main.ts

@@ -32,10 +32,28 @@ Sentry.init({
   logErrors: true,
   release: 'savageaim@20250106',
   integrations: [
-    new Sentry.BrowserTracing({
-      routingInstrumentation: Sentry.vueRouterInstrumentation(router),
+    Sentry.browserTracingIntegration(),
+    Sentry.replayIntegration(),
+    Sentry.feedbackIntegration({
+      colorScheme: 'dark',
+      showName: false,
+      showEmail: false,
+      showBranding: false,
+      triggerLabel: 'Feedback',
+      formTitle: 'Send us Feedback',
+      submitButtonLabel: 'Send',
+      messageLabel: 'Message',
+      messagePlaceholder: 'What would you like to tell us?',
+      themeDark: {
+        background: '#17181c',
+        foreground: '#F3F3EC',
+        accentForeground: '#F3F3EC',
+        accentBackground: '#5d98c4',
+        successColor: '#4E9381',
+        errorColor: '#c14762',
+        outline: '0.5px solid #2E53A5',
+      },
     }),
-    new Sentry.Replay(),
   ],
   tracesSampleRate: 0.5,