first commit

2026-06-03 04:11:30 +03:00
parent d369c9e258
commit 7b4b3a85af
20 changed files with 3446 additions and 442 deletions
@@ -0,0 +1,25 @@
+import { ReactNode } from 'react'
+import { logout } from '@/app/actions/auth'
+
+export default function AdminLayout({ children }: { children: ReactNode }) {
+  return (
+    <div className="min-h-screen bg-cream flex flex-col" style={{ backgroundColor: '#F5F0E8' }}>
+      <header className="bg-coffee-dark px-6 py-4 flex justify-between items-center" style={{ backgroundColor: '#3D2B1F' }}>
+        <h1 className="text-xl font-display font-bold text-cream" style={{ color: '#F5F0E8' }}>Kozmos Yönetim</h1>
+        
+        <form action={logout}>
+          <button
+            type="submit"
+            className="px-4 py-1.5 rounded bg-cream/10 text-cream text-sm font-medium hover:bg-cream/20 transition-colors"
+          >
+            Çıkış Yap
+          </button>
+        </form>
+      </header>
+      
+      <main className="flex-1 p-4 md:p-6 lg:p-8 max-w-5xl mx-auto w-full">
+        {children}
+      </main>
+    </div>
+  )
+}
@@ -0,0 +1,61 @@
+'use client'
+
+import { useActionState } from 'react'
+import { login } from '@/app/actions/auth'
+
+export default function LoginPage() {
+  const [state, formAction, isPending] = useActionState(login, null)
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-cream px-4" style={{ backgroundColor: '#F5F0E8' }}>
+      <div className="w-full max-w-sm bg-white rounded-2xl shadow-xl overflow-hidden">
+        <div className="bg-coffee-dark px-6 py-8 text-center" style={{ backgroundColor: '#3D2B1F' }}>
+          <h1 className="text-2xl font-display font-bold text-cream" style={{ color: '#F5F0E8' }}>Kozmos Admin</h1>
+          <p className="text-cream/70 text-sm mt-2">Yönetim paneline giriş yapın</p>
+        </div>
+        
+        <form action={formAction} className="px-6 py-8 space-y-5">
+          {state?.error && (
+            <div className="bg-red-50 text-red-600 p-3 rounded-lg text-sm font-medium border border-red-100">
+              {state.error}
+            </div>
+          )}
+
+          <div>
+            <label className="block text-sm font-medium text-coffee mb-1.5">Kullanıcı Adı</label>
+            <input
+              type="text"
+              name="username"
+              required
+              className="w-full px-4 py-2.5 rounded-lg border border-beige/60 bg-cream/30 focus:outline-none focus:ring-2 focus:ring-teal/50"
+              placeholder="admin"
+            />
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-coffee mb-1.5">Şifre</label>
+            <input
+              type="password"
+              name="password"
+              required
+              className="w-full px-4 py-2.5 rounded-lg border border-beige/60 bg-cream/30 focus:outline-none focus:ring-2 focus:ring-teal/50"
+              placeholder="••••••••"
+            />
+          </div>
+
+          <button
+            type="submit"
+            disabled={isPending}
+            className="w-full py-3 rounded-lg text-white font-medium transition-all"
+            style={{ 
+              backgroundColor: '#4AAFA8',
+              opacity: isPending ? 0.7 : 1
+            }}
+          >
+            {isPending ? 'Giriş yapılıyor...' : 'Giriş Yap'}
+          </button>
+        </form>
+      </div>
+    </div>
+  )
+}
@@ -0,0 +1,10 @@
+import { getCategories } from '@/data/menu'
+import AdminDashboard from '@/components/admin/AdminDashboard'
+
+export const dynamic = 'force-dynamic'
+
+export default async function AdminPage() {
+  const categories = await getCategories()
+
+  return <AdminDashboard initialCategories={categories} />
+}