feat: initial setup, collections, caregiver frontend

2025-12-02 11:32:45 +01:00
parent cee5925f25
commit 274ac8afa5
48 changed files with 6149 additions and 909 deletions
--- a/src/app/(app)/caregiver/login/page.tsx
+++ b/src/app/(app)/caregiver/login/page.tsx
@@ -0,0 +1,141 @@
+'use client'
+
+import React, { useState, useEffect } from 'react'
+import { useRouter } from 'next/navigation'
+
+export default function CaregiverLoginPage() {
+  const router = useRouter()
+  const [email, setEmail] = useState('')
+  const [password, setPassword] = useState('')
+  const [error, setError] = useState<string | null>(null)
+  const [loading, setLoading] = useState(false)
+  const [checking, setChecking] = useState(true)
+
+  // Check if already logged in
+  useEffect(() => {
+    const checkAuth = async () => {
+      try {
+        const res = await fetch('/api/users/me', { credentials: 'include' })
+        if (res.ok) {
+          const data = await res.json()
+          if (data.user) {
+            router.push('/caregiver/dashboard')
+            return
+          }
+        }
+      } catch {
+        // Not logged in
+      }
+      setChecking(false)
+    }
+    checkAuth()
+  }, [router])
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    setError(null)
+    setLoading(true)
+
+    try {
+      const res = await fetch('/api/users/login', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email, password }),
+        credentials: 'include',
+      })
+
+      const data = await res.json()
+
+      if (!res.ok) {
+        throw new Error(data.errors?.[0]?.message || 'Login failed')
+      }
+
+      // Check if user has caregiver or admin role
+      const user = data.user
+      const hasCaregiverRole =
+        user?.roles?.includes('super-admin') ||
+        user?.tenants?.some(
+          (t: { roles?: string[] }) =>
+            t.roles?.includes('caregiver') || t.roles?.includes('admin'),
+        )
+
+      if (!hasCaregiverRole) {
+        // Logout if not a caregiver
+        await fetch('/api/users/logout', {
+          method: 'POST',
+          credentials: 'include',
+        })
+        throw new Error('You do not have caregiver access')
+      }
+
+      router.push('/caregiver/dashboard')
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Login failed')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  if (checking) {
+    return (
+      <div className="login-page">
+        <div className="spinner" />
+      </div>
+    )
+  }
+
+  return (
+    <div className="login-page">
+      <div className="login-page__card">
+        <div className="login-page__logo">
+          <h1>Meal Planner</h1>
+          <p>Caregiver Portal</p>
+        </div>
+
+        <div className="card">
+          <div className="card__body">
+            {error && <div className="message message--error">{error}</div>}
+
+            <form onSubmit={handleSubmit}>
+              <div className="form-group">
+                <label htmlFor="email">Email</label>
+                <input
+                  type="email"
+                  id="email"
+                  className="input"
+                  value={email}
+                  onChange={(e) => setEmail(e.target.value)}
+                  placeholder="Enter your email"
+                  required
+                  autoComplete="email"
+                />
+              </div>
+
+              <div className="form-group">
+                <label htmlFor="password">Password</label>
+                <input
+                  type="password"
+                  id="password"
+                  className="input"
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                  placeholder="Enter your password"
+                  required
+                  autoComplete="current-password"
+                />
+              </div>
+
+              <button
+                type="submit"
+                className="btn btn--primary btn--block btn--large"
+                disabled={loading}
+              >
+                {loading ? 'Logging in...' : 'Login'}
+              </button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}