From 9ca8cc3bef17fa39059c066cea5173bf44aada22 Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Sun, 23 Nov 2025 01:27:45 +0100
Subject: [PATCH] replace feedback & contact with contact

---
 src/app/layout/Menu.svelte                  |  6 --
 src/pages/{feedback.astro => contact.astro} | 63 +++------------------
 src/pages/faq.astro                         |  3 +
 3 files changed, 12 insertions(+), 60 deletions(-)
 rename src/pages/{feedback.astro => contact.astro} (54%)

diff --git a/src/app/layout/Menu.svelte b/src/app/layout/Menu.svelte
index ce7f1eb..4777ac7 100644
--- a/src/app/layout/Menu.svelte
+++ b/src/app/layout/Menu.svelte
@@ -41,12 +41,6 @@
       href: 'faq',
       active: false
     },
-    {
-      name: 'Feedback & Kontakt',
-      sprite: MenuFeedback.src,
-      href: 'feedback',
-      active: false
-    },
     {
       name: 'Admins',
       sprite: MenuAdmins.src,
diff --git a/src/pages/feedback.astro b/src/pages/contact.astro
similarity index 54%
rename from src/pages/feedback.astro
rename to src/pages/contact.astro
index f1b900c..802c3d4 100644
--- a/src/pages/feedback.astro
+++ b/src/pages/contact.astro
@@ -10,12 +10,11 @@ import Input from '@components/input/Input.svelte';
 <WebsiteLayout title="Feedback & Kontakt">
   <div class="flex justify-center items-center">
     <div class="mt-12 grid card w-11/12 xl:w-2/3 2xl:w-1/2 p-6 shadow-lg">
-      <h2 class="text-3xl text-center">Feedback & Kontakt</h2>
+      <h2 class="text-3xl text-center">Kontakt</h2>
       <form id="feedback-contact">
         <div class="space-y-4 mt-6 mb-4">
-          <Select id="type" values={{ 'website-feedback': 'Feedback', 'website-contact': 'Kontakt' }} />
-          <Textarea id="content" label="Feedback" dynamicWidth required rows={5} />
-          <Input id="email" type="email" label="Email" required hidden />
+          <Textarea id="content" label="Feedback" dynamicWidth required rows={10} />
+          <Input id="email" type="email" label="Email" required />
         </div>
         <button id="send" class="btn">Senden</button>
       </form>
@@ -34,66 +33,22 @@ import Input from '@components/input/Input.svelte';
 
   function setupForm() {
     const form = document.getElementById('feedback-contact') as HTMLFormElement;
-    const type = document.getElementById('type') as HTMLSelectElement;
     const content = document.getElementById('content') as HTMLTextAreaElement;
     const email = document.getElementById('email') as HTMLInputElement;
 
     // reset form on site (re-)load
     form.reset();
 
-    type.addEventListener('change', () => {
-      if (type.value === 'website-feedback') {
-        // content input
-        content.previousElementSibling!.firstChild!.textContent = 'Feedback';
-        // email input
-        email.parentElement!.hidden = true;
-        email.required = false;
-      } else if (type.value === 'website-contact') {
-        // content input
-        content.previousElementSibling!.firstChild!.textContent = 'Anfrage';
-        // email input
-        email.required = true;
-        email.parentElement!.hidden = false;
-      }
-    });
-
-    email.required = false;
-
     form.addEventListener('submit', async (e) => {
       e.preventDefault();
 
-      if (type.value === 'website-feedback') {
-        confirmPopupState.set({
-          title: 'Feedback abschicken',
-          message: 'Soll das Feedback abgeschickt werden?',
-          onConfirm: () => sendFeedback().then(() => form.reset())
-        });
-      } else if (type.value === 'website-contact') {
-        confirmPopupState.set({
-          title: 'Kontaktanfrage abschicken',
-          message: 'Soll die Kontaktanfrage abgeschickt werden?',
-          onConfirm: () => sendContact().then(() => form.reset())
-        });
-      }
+      confirmPopupState.set({
+        title: 'Kontaktanfrage abschicken',
+        message: 'Soll die Kontaktanfrage abgeschickt werden?',
+        onConfirm: () => sendContact().then(() => form.reset())
+      });
     });
 
-    const sendFeedback = async () => {
-      const { error } = await actions.feedback.addWebsiteFeedback({
-        content: content.value
-      });
-
-      if (error) {
-        actionErrorPopup(error);
-        return;
-      }
-
-      popupState.set({
-        type: 'info',
-        title: 'Feedback abgeschickt',
-        message: 'Dein Feedback wurde abgeschickt. Vielen Dank, dass du uns hilfst, das Projekt besser zu machen!'
-      });
-    };
-
     const sendContact = async () => {
       const { error } = await actions.feedback.addWebsiteContact({
         content: content.value,
@@ -102,7 +57,7 @@ import Input from '@components/input/Input.svelte';
 
       if (error) {
         actionErrorPopup(error);
-        return;
+        throw null;
       }
 
       popupState.set({
diff --git a/src/pages/faq.astro b/src/pages/faq.astro
index 56a791b..136fb9b 100644
--- a/src/pages/faq.astro
+++ b/src/pages/faq.astro
@@ -210,5 +210,8 @@ nicht gestattet.</p>`
         ))
       }
     </div>
+    <div class="w-full flex justify-center mt-6 sm:mt-12">
+      <a class="btn" href="contact">Deine Frage ist nicht aufgeführt? Schreib uns!</a>
+    </div>
   </div>
 </WebsiteLayout>