wip

src/routes/staff.login.tsx

@@ -1,9 +1,23 @@
 import { useState } from 'react'
-import { createFileRoute, redirect, useRouter } from '@tanstack/react-router'
+import { createFileRoute, Link, redirect, useRouter } from '@tanstack/react-router'
 
 import { getCurrentStaffUser } from '#/lib/auth'
 import { authClient } from '#/lib/auth-client'
 
+function ArrowLeftIcon() {
+  return (
+    <svg viewBox="0 0 24 24" width="16" height="16" fill="none" aria-hidden="true">
+      <path
+        d="M19 12H5M11 6l-6 6 6 6"
+        stroke="currentColor"
+        strokeWidth="1.6"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}
+
 export const Route = createFileRoute('/staff/login')({
   component: StaffLogin,
   beforeLoad: async () => {
@@ -41,6 +55,11 @@ function StaffLogin() {
   return (
     <div className="staff-page staff-login-page">
       <form className="reservation-form staff-login-form" onSubmit={handleSubmit}>
+        <Link className="back-link" to="/">
+          <ArrowLeftIcon />
+          Zurück zur Startseite
+        </Link>
+
         <div className="staff-login-heading">
           <span className="section-kicker">Mitarbeiterbereich</span>
           <h1 className="section-heading">Anmelden</h1>