title is updated

shawnmclean · Jan 7, 2025 · 8c91186 · 8c91186
1 parent 0f08111
commit 8c91186
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 6 deletions.
diff --git a/apps/sovoli.com/src/app/[username]/[slug]/actions/updateTitleAction.ts b/apps/sovoli.com/src/app/[username]/[slug]/actions/updateTitleAction.ts
@@ -1,5 +1,6 @@
 "use server";
 
+import { revalidatePath } from "next/cache";
 import { unauthorized } from "next/navigation";
 import { withZod } from "@rvf/zod";
 import { db, eq, schema } from "@sovoli/db";
@@ -41,7 +42,7 @@ export async function updateTitleAction(
     })
     .where(eq(schema.Knowledge.id, result.data.id));
 
-  return {
-    status: "success",
-  };
+  revalidatePath("[username]/[slug]", "page");
+
+  return { status: "success" };
 }
diff --git a/apps/sovoli.com/src/app/[username]/[slug]/components/title/KnowledgeTitle.tsx b/apps/sovoli.com/src/app/[username]/[slug]/components/title/KnowledgeTitle.tsx
@@ -9,6 +9,7 @@ import { TitleUpdateForm } from "./TitleUpdateForm";
 
 export function KnowledgeTitle() {
   const knowledge = useKnowledge();
+  const [title, setTitle] = useState(knowledge.title ?? "");
   const { data: session } = useSession();
 
   const [isEditing, setIsEditing] = useState(false);
@@ -20,10 +21,14 @@ export function KnowledgeTitle() {
           id={knowledge.id}
           title={knowledge.title ?? ""}
           onCancel={() => setIsEditing(false)}
+          onSubmitted={(newTitle) => {
+            setTitle(newTitle);
+            setIsEditing(false);
+          }}
         />
       ) : (
         <div className="flex w-full flex-row justify-between">
-          <h1 className="text-2xl font-bold">{knowledge.title}</h1>
+          <h1 className="text-2xl font-bold">{title}</h1>
 
           {session?.userId === knowledge.User?.id && (
             <Button

diff --git a/apps/sovoli.com/src/app/[username]/[slug]/components/title/TitleUpdateForm.tsx b/apps/sovoli.com/src/app/[username]/[slug]/components/title/TitleUpdateForm.tsx
@@ -10,11 +10,33 @@ export interface TitleUpdateFormProps {
   id: string;
   title: string;
   onCancel: () => void;
+  onSubmitted: (newTitle: string) => void;
 }
 
-export function TitleUpdateForm({ id, title, onCancel }: TitleUpdateFormProps) {
+export function TitleUpdateForm({
+  id,
+  title,
+  onCancel,
+  onSubmitted,
+}: TitleUpdateFormProps) {
   const [state, formAction, pending] = useActionState<State, FormData>(
-    updateTitleAction,
+    async (_, formData) => {
+      try {
+        // Call the update action
+        const result = await updateTitleAction(null, formData);
+
+        // If the action succeeds, trigger the onUpdate callback
+        if (result?.status === "success") {
+          const updatedTitle = formData.get("title") as string;
+          onSubmitted(updatedTitle);
+        }
+
+        return result; // Return the result for further state handling
+      } catch (error) {
+        console.error("Error during form action:", error);
+        return { status: "error", message: "Failed to update title." };
+      }
+    },
     null,
   );