trying to post

src/components/PostWizard.tsx

@@ -1,14 +1,22 @@
+/* eslint-disable @typescript-eslint/no-misused-promises */
 "use client"
 
 import Link from "next/link"
 import { useUser } from "@clerk/nextjs"
 import { LogIn } from "lucide-react"
 import { cn } from "~/lib/utils"
+import { createPost } from "~/server/posts"
 import { Button, buttonVariants } from "./ui/button"
 
+/* eslint-disable @typescript-eslint/no-misused-promises */
+
 export default function PostWizard() {
   const { isSignedIn } = useUser()
 
+  const handleClick = async () => {
+    const newPost = await createPost()
+  }
+
   return (
     <div className="mt-6 border-b border-slate6 pb-6">
       {!isSignedIn && (
@@ -35,7 +43,9 @@ export default function PostWizard() {
             className="flex-1 bg-transparent p-0 outline-none placeholder:text-slate11"
             placeholder="Your message..."
           />
-          <Button size="sm">Sign</Button>
+          <Button size="sm" onClick={handleClick}>
+            Sign
+          </Button>
         </div>
       )}
     </div>

src/server/posts.ts

@@ -52,3 +52,14 @@ export async function fetchPosts() {
     throw error
   }
 }
+
+export async function createPost() {
+  const post = await prisma.post.create({
+    data: {
+      content: "posting content from prisma",
+      authorId: "user_2NYBALH9IucJkHbRHwlwYAziVr0",
+    },
+  })
+
+  return post
+}