feat(onboarding): create-workspace flow

- /onboarding page (server component): redirects to /sign-in if not authed, to /dashboard if user already has a team. Otherwise renders form. - createWorkspaceAction: * teams.create (user becomes owner via session SDK) * tablesDB.createRow on tenant_settings (admin SDK) with team-scoped permissions: Permission.read(Role.team(id)), update(owner|admin), delete(owner) * account.updatePrefs({ activeTenant }) — persisted source of truth * isletmem-tenant cookie for fast access * redirect to /dashboard - setActiveTenantAction stub for future workspace switcher - lib/appwrite/tenant.ts: getUserTeams, getActiveTenantId helpers (server-only) - tenant-types.ts holds WorkspaceState + ACTIVE_TENANT_COOKIE (no 'use server')
2026-04-30 03:22:48 +03:00
parent 647716e042
commit 30cbb8f1be
5 changed files with 281 additions and 0 deletions
@@ -0,0 +1,112 @@
+"use client";
+
+import { useActionState } from "react";
+import { Building2, Loader2, ShieldCheck } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Logo } from "@/components/logo";
+import { createWorkspaceAction } from "@/lib/appwrite/tenant-actions";
+import { initialWorkspaceState } from "@/lib/appwrite/tenant-types";
+
+export function CreateWorkspaceForm({ userName }: { userName?: string }) {
+  const [state, formAction, isPending] = useActionState(
+    createWorkspaceAction,
+    initialWorkspaceState,
+  );
+
+  return (
+    <div className="flex flex-col gap-6">
+      <div className="flex items-center justify-center gap-2 font-medium">
+        <div className="bg-primary text-primary-foreground flex size-9 items-center justify-center rounded-md">
+          <Logo size={22} />
+        </div>
+        <span className="text-xl font-semibold">İşletmem</span>
+      </div>
+
+      <Card>
+        <CardHeader className="text-center">
+          <div className="bg-primary/10 text-primary mx-auto mb-2 flex size-12 items-center justify-center rounded-full">
+            <Building2 className="size-6" />
+          </div>
+          <CardTitle className="text-2xl">
+            {userName ? `Hoş geldiniz, ${userName}` : "Çalışma alanı oluştur"}
+          </CardTitle>
+          <CardDescription>
+            Şirketinizin bilgilerini girin — birkaç saniyede çalışma alanınız hazır.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form action={formAction} className="flex flex-col gap-5">
+            <div className="grid gap-3">
+              <Label htmlFor="companyName">Şirket adı *</Label>
+              <Input
+                id="companyName"
+                name="companyName"
+                type="text"
+                placeholder="KovakSoft Yazılım Ltd."
+                autoComplete="organization"
+                required
+                autoFocus
+              />
+            </div>
+
+            <div className="grid gap-3">
+              <Label htmlFor="companyTaxId">
+                Vergi numarası <span className="text-muted-foreground text-xs">(opsiyonel)</span>
+              </Label>
+              <Input
+                id="companyTaxId"
+                name="companyTaxId"
+                type="text"
+                placeholder="1234567890"
+                inputMode="numeric"
+              />
+            </div>
+
+            <div className="grid gap-3">
+              <Label htmlFor="companyPhone">
+                Telefon <span className="text-muted-foreground text-xs">(opsiyonel)</span>
+              </Label>
+              <Input
+                id="companyPhone"
+                name="companyPhone"
+                type="tel"
+                placeholder="+90 555 123 45 67"
+                autoComplete="tel"
+              />
+            </div>
+
+            {state.error && (
+              <p className="text-destructive text-sm text-center" role="alert">
+                {state.error}
+              </p>
+            )}
+
+            <Button type="submit" className="w-full" disabled={isPending}>
+              {isPending ? (
+                <>
+                  <Loader2 className="size-4 animate-spin" />
+                  Hazırlanıyor...
+                </>
+              ) : (
+                "Çalışma alanını oluştur"
+              )}
+            </Button>
+
+            <p className="text-muted-foreground flex items-center justify-center gap-1.5 text-xs">
+              <ShieldCheck className="size-3.5" />
+              Verileriniz yalnızca sizin ekibinize özel — multi-tenant izolasyon
+            </p>
+          </form>
+        </CardContent>
+      </Card>
+
+      <p className="text-muted-foreground text-center text-xs">
+        Bu bilgileri daha sonra Profil ayarlarından düzenleyebilirsiniz.
+      </p>
+    </div>
+  );
+}
@@ -0,0 +1,29 @@
+import type { Metadata } from "next";
+import { redirect } from "next/navigation";
+
+import { getCurrentUser } from "@/lib/appwrite/server";
+import { getUserTeams } from "@/lib/appwrite/tenant";
+import { CreateWorkspaceForm } from "./components/create-workspace-form";
+
+export const metadata: Metadata = {
+  title: "İşletmem — Çalışma alanı oluştur",
+  description: "İşletmem için ilk çalışma alanınızı kurun.",
+};
+
+export default async function OnboardingPage() {
+  const user = await getCurrentUser();
+  if (!user) redirect("/sign-in");
+
+  const teams = await getUserTeams();
+  if (teams && teams.total > 0) {
+    redirect("/dashboard");
+  }
+
+  return (
+    <div className="bg-muted flex min-h-svh flex-col items-center justify-center p-6 md:p-10">
+      <div className="w-full max-w-md">
+        <CreateWorkspaceForm userName={user.name?.split(" ")[0]} />
+      </div>
+    </div>
+  );
+}