inv-126 : 타이틀, 내용 업데이트 쿼리

src/app/(main)/dashboard/page.tsx

@@ -25,7 +25,7 @@ export default async function Page() {
   if (!auth.user) {
     return redirect("/sign-in");
   }
-  const invitations = await getInvitationsByUserId(auth.user.id);
+  const invitations = await getInvitationsByUserId();
 
   return (
     <div className="flex h-dvh flex-col overflow-hidden">

src/components/editor/navigation.tsx

@@ -13,6 +13,7 @@ import {
   Undo2,
 } from "lucide-react";
 import Link from "next/link";
+import { useParams } from "next/navigation";
 import { toast } from "sonner";
 import { useEditor } from "~/components/editor/provider";
 import TitleInput from "~/components/editor/title-input";
@@ -27,11 +28,14 @@ import {
 } from "~/components/ui/dropdown-menu";
 import { Tabs, TabsList, TabsTrigger } from "~/components/ui/tabs";
 import TooltipSimple from "~/components/ui/tooltip-simple";
+import { updateInvitation } from "~/lib/db/schema/invitations.query";
 import { cn } from "~/lib/utils";
 
 export default function EditorNavigation() {
   const { editor, dispatch } = useEditor();
   const { openDialog } = useAlertDialogStore();
+  const params = useParams();
+  const subDomain = params.subdomain;
 
   const handlePreviewClick = () => {
     dispatch({ type: "TOGGLE_PREVIEW_MODE" });
@@ -48,9 +52,11 @@ export default function EditorNavigation() {
   const handleOnSave = async () => {
     try {
       const content = JSON.stringify(editor.data);
-      console.log(":content", content);
-      // TODO: API insert page
-      // TODO: API log notification
+      await updateInvitation({
+        id: subDomain,
+        title: editorConfig.invitationTitle,
+        customFields: content,
+      });
       toast.success("Saved Editor");
     } catch (error) {
       console.error(error);

src/components/editor/title-input.tsx

@@ -1,15 +1,19 @@
 "use client";
 
 import { useMutation } from "@tanstack/react-query";
-import { debounce, delay, random } from "es-toolkit";
+import { debounce, delay } from "es-toolkit";
 import { CheckIcon, LoaderIcon, XIcon } from "lucide-react";
+import { useParams } from "next/navigation";
 import { useRef } from "react";
 import { toast } from "sonner";
 import { useEditor } from "~/components/editor/provider";
+import { updateInvitation } from "~/lib/db/schema/invitations.query";
 import { cn } from "~/lib/utils";
 
 export default function TitleInput() {
-  const { editor } = useEditor();
+  const { editor, editorConfig } = useEditor();
+  const params = useParams();
+  const subDomain = params.subdomain as string;
 
   const abortControllerRef = useRef<AbortController | null>(null);
 
@@ -45,11 +49,11 @@ export default function TitleInput() {
       if (signal.aborted) {
         return;
       }
-
-      if (random(0, 1) > 0.5) {
-        throw new Error("Failed to update title");
-      }
-
+      editorConfig.invitationTitle = value;
+      await updateInvitation({
+        id: subDomain,
+        title: value,
+      });
       delayMutation.mutate();
     },
     onError: () => {

src/lib/db/schema/invitations.query.ts

@@ -2,6 +2,7 @@
 
 import { count, eq } from "drizzle-orm";
 import { nanoid } from "nanoid";
+import { getAuth } from "~/lib/auth/utils";
 import { db } from "~/lib/db";
 import {
   invitations,
@@ -11,7 +12,7 @@ import {
 
 type CreateInvitationParams = Omit<
   InvitationInsert,
-  "id" | "eventUrl" | "createdAt" | "updatedAt"
+  "id" | "userId" | "eventUrl" | "createdAt" | "updatedAt"
 >;
 
 type UpdateInvitationParams = {
@@ -41,27 +42,31 @@ export async function getInvitationByEventUrl(eventUrl: string) {
   return responses[0];
 }
 
-export async function getInvitationsByUserId(
-  userId: Invitation["userId"],
-): Promise<Invitation[]> {
+export async function getInvitationsByUserId(): Promise<Invitation[]> {
+  const sessionId = await getAuth();
+  const sessionUserId = sessionId.session.userId;
+
   return await db
     .select()
     .from(invitations)
-    .where(eq(invitations.userId, userId));
+    .where(eq(invitations.userId, sessionUserId));
 }
 
 export async function createInvitation(
   params: CreateInvitationParams,
 ): Promise<InvitationInsert> {
   const id = nanoid();
   const currentTimestamp = new Date();
+  const sessionId = await getAuth();
+  const sessionUserId = sessionId.session.userId;
 
   try {
     const res = await db
       .insert(invitations)
       .values({
         ...params,
         id,
+        userId: sessionUserId,
         eventUrl: id,
         createdAt: currentTimestamp,
         updatedAt: currentTimestamp,