create public layout and admin and fix escrow and refund

2026-05-12 00:05:30 +07:00
parent a07942c4b4
commit 958514d575
48 changed files with 1928 additions and 18 deletions
@@ -0,0 +1,158 @@
+"use client";
+
+import { useState, Suspense } from "react";
+import { signIn, getSession } from "next-auth/react";
+import { useRouter, useSearchParams } from "next/navigation";
+import Link from "next/link";
+import Image from "next/image";
+import { GoogleSignInButton } from "@/components/shared/google-sign-in-button";
+
+function safeInternalPath(raw: string | null): string {
+  if (!raw || !raw.startsWith("/") || raw.startsWith("//")) return "/";
+  return raw;
+}
+
+function LoginForm() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
+    e.preventDefault();
+    setError("");
+    setLoading(true);
+
+    const formData = new FormData(e.currentTarget);
+    const email = formData.get("email") as string;
+    const password = formData.get("password") as string;
+
+    const result = await signIn("credentials", {
+      email,
+      password,
+      redirect: false,
+    });
+
+    setLoading(false);
+
+    if (result?.error) {
+      setError(result.error);
+    } else {
+      const rawCallback = searchParams.get("callbackUrl");
+      let next = safeInternalPath(rawCallback);
+      // Tanpa callbackUrl eksplisit, arahkan admin ke dashboard /admin.
+      if (!rawCallback) {
+        const session = await getSession();
+        if (session?.user?.isAdmin) next = "/admin";
+      }
+      router.push(next);
+      router.refresh();
+    }
+  }
+
+  return (
+    <div className="relative flex min-h-[calc(100vh-4rem)] items-center justify-center px-4 py-8 sm:py-12">
+      {/* Background image */}
+      <Image
+        src="/images/seed/gunung-login.jpg"
+        alt=""
+        fill
+        className="object-cover"
+        priority
+      />
+      {/* Dark overlay */}
+      <div className="absolute inset-0 bg-neutral-900/60 backdrop-blur-[2px]" />
+
+      <div className="relative z-10 w-full max-w-sm">
+        {/* Header */}
+        <div className="mb-6 text-center sm:mb-8">
+          <Link href="/" className="mb-3 inline-flex items-center gap-2">
+            <Image
+              src="/images/SeTrip.png"
+              alt="SeTrip"
+              width={40}
+              height={40}
+              className="h-10 w-10 object-contain"
+            />
+            <span className="text-2xl font-bold text-white">
+              Se<span className="text-primary-400">Trip</span>
+            </span>
+          </Link>
+          <p className="text-sm text-neutral-300">
+            Login dan mulai petualanganmu bareng
+          </p>
+        </div>
+
+        {/* Card */}
+        <div className="rounded-2xl border border-white/10 bg-white/95 p-6 shadow-2xl backdrop-blur-sm">
+          {error && (
+            <div className="mb-4 rounded-xl bg-red-50 px-4 py-3 text-sm font-medium text-red-600">
+              {error}
+            </div>
+          )}
+
+          <GoogleSignInButton callbackUrl={safeInternalPath(searchParams.get("callbackUrl"))} />
+
+          <div className="my-4 flex items-center gap-3 text-xs text-neutral-400">
+            <span className="h-px flex-1 bg-neutral-200" />
+            <span>atau</span>
+            <span className="h-px flex-1 bg-neutral-200" />
+          </div>
+
+          <form onSubmit={handleSubmit} className="space-y-4">
+            <div>
+              <label htmlFor="email" className="mb-1.5 block text-sm font-semibold text-neutral-700">
+                Email
+              </label>
+              <input
+                id="email"
+                name="email"
+                type="email"
+                required
+                className="w-full rounded-xl border border-neutral-200 bg-neutral-50 px-4 py-2.5 text-sm text-neutral-800 transition-colors placeholder:text-neutral-400 focus:bg-white"
+                placeholder="email@example.com"
+              />
+            </div>
+
+            <div>
+              <label htmlFor="password" className="mb-1.5 block text-sm font-semibold text-neutral-700">
+                Password
+              </label>
+              <input
+                id="password"
+                name="password"
+                type="password"
+                required
+                className="w-full rounded-xl border border-neutral-200 bg-neutral-50 px-4 py-2.5 text-sm text-neutral-800 transition-colors placeholder:text-neutral-400 focus:bg-white"
+                placeholder="Minimal 6 karakter"
+              />
+            </div>
+
+            <button
+              type="submit"
+              disabled={loading}
+              className="w-full rounded-xl bg-primary-600 py-2.5 text-sm font-bold text-white shadow-lg shadow-primary-600/20 transition-colors hover:bg-primary-700 disabled:opacity-50"
+            >
+              {loading ? "Loading..." : "Login"}
+            </button>
+          </form>
+        </div>
+
+        <p className="mt-5 text-center text-sm text-neutral-300">
+          Belum punya akun?{" "}
+          <Link href="/register" className="font-semibold text-primary-400 hover:text-primary-300">
+            Daftar sekarang
+          </Link>
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default function LoginPage() {
+  return (
+    <Suspense fallback={null}>
+      <LoginForm />
+    </Suspense>
+  );
+}