backend und frontent optimiert

src/routes/+page.svelte

@@ -17,9 +17,10 @@
   let wunsch1Id = '';
   let wunsch2Id = '';
   let wunsch3Id = '';
+  let fehler = '';
   let success = false;
 
-  let dienststellen = [];
+  let dienststellen: any[];
 
   onMount(async () => {
     const res = await fetch('/api/admin/dienststellen');
@@ -39,7 +40,13 @@
     });
 
     const result = await res.json();
-    success = result.success;
+    if (!res.ok) {
+      fehler = result.error || 'Ein Fehler ist aufgetreten. Bitte versuchen Sie es später erneut.';
+      success = false;
+    } else {
+      fehler = '';
+      success = true;
+    }
   }
 </script>
 
@@ -110,6 +117,10 @@
     {#if success}
       <p class="text-green-600 font-semibold text-center">Anmeldung erfolgreich gesendet!</p>
     {/if}
+
+    {#if fehler}
+      <p class="text-red-600">{fehler}</p>
+    {/if}
   </form>
 </div>
 

src/routes/admin/+page.svelte

@@ -40,16 +40,15 @@
           🏢 Dienststellen verwalten
         </a>
       </div>
-      <button
+        <button
-  on:click={async () => {
+          on:click={async () => {
-    await fetch('/api/admin/logout', { method: 'POST' });
+          await fetch('/api/admin/logout', { method: 'POST' });
-    location.reload();
+          location.reload();
-  }}
+          }}
-  class="text-sm text-red-600 underline"
+          class="bg-red-600  text-white px-4 py-3 rounded text-center hiver:bg-red-700">
->
+            Logout
-  Logout
+        </button>
-</button>
+      </div>
-    </div>
   {/if}
 </div>
 

src/routes/admin/anmeldungen/+page.svelte

@@ -31,6 +31,14 @@
             </tr>
           {/each}
         </tbody>
+      </table>
+      <button
+          on:click={async () => {
+          await fetch('/api/admin/logout', { method: 'POST' });
+          location.reload();
+          }}
+          class="bg-red-600  text-white px-4 py-3 rounded text-center hiver:bg-red-700">
+            Logout
       </button>
   </div>
   

src/routes/admin/dienststellen/+page.svelte

@@ -56,6 +56,14 @@
           <button on:click={() => loeschen(d.id)} class="text-sm text-red-600 hover:underline">Löschen</button>
         </li>
       {/each}
+    </ul>
+    <button
+        on:click={async () => {
+        await fetch('/api/admin/logout', { method: 'POST' });
+        location.reload();
+        }}
+        class="bg-red-600  text-white px-4 py-3 rounded text-center hiver:bg-red-700">
+          Logout
     </button>
   </div>
   

src/routes/api/anmelden/+server.ts

@@ -1,5 +1,6 @@
 import { PrismaClient } from '@prisma/client';
-import type { RequestHandler } from '@sveltejs/kit';
+import { json, type RequestHandler } from '@sveltejs/kit';
+import { Prisma } from '@prisma/client';
 
 const prisma = new PrismaClient();
 
@@ -28,25 +29,15 @@ export const POST: RequestHandler = async ({ request }) => {
       }
     });
 
-    const exists = await prisma.anmeldung.findUnique({
+    return json({ success: true });
-      where: { email: data.email }
-    });
-    
-    if (exists) {
-      return new Response(JSON.stringify({ success: false, error: 'Diese E-Mail wurde bereits verwendet.' }), {
-        status: 400,
-        headers: { 'Content-Type': 'application/json' }
-      });
-    } else {
-      return new Response(JSON.stringify({ success: true }), {
-        headers: { 'Content-Type': 'application/json' }
-      });
-    }
   } catch (error) {
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      if (error.code === 'P2002') {
+        // Eindeutigkeit verletzt
+        return json({ error: 'Diese E-Mail-Adresse wurde bereits verwendet.' }, { status: 400 });
+      }
+    }
     console.error(error);
-    return new Response(JSON.stringify({ success: false, error: 'Fehler bei Speicherung' }), {
+    return json({ error: 'Ein Fehler ist aufgetreten.' }, { status: 500 });
-      status: 500,
-      headers: { 'Content-Type': 'application/json' }
-    });
   }
 };