add delete post api route

src/app/api/posts/route.ts

@@ -94,6 +94,43 @@ async function fetchData(
   });
 }
 
+export async function DELETE(req: NextRequest) {
+  const { searchParams } = req.nextUrl;
+  const id = searchParams.get("id") || undefined;
+
+  if (!id) {
+    return NextResponse.json({ error: "Missing id" }, { status: 400 });
+  }
+
+  try {
+    const { client, isAuthenticated, profileId } = await getLensClient();
+
+    if (!isAuthenticated) {
+      throw new Error("Not authenticated");
+    }
+
+    const post = await client.publication.fetch({ forId: id });
+
+    if (post.by.id !== profileId) {
+      throw new Error("Not authorized");
+    }
+
+    let result: Result<void, CredentialsExpiredError | NotAuthenticatedError>;
+    if (!post.isHidden) {
+      result = await client.publication.hide({ for: id });
+    }
+
+    if (result.isFailure()) {
+      throw new Error(result.error.message);
+    }
+
+    return NextResponse.json({ result }, { status: 200 });
+  } catch (error) {
+    console.error(error);
+    return NextResponse.json({ error: `Failed to delete post: ${error.message}` }, { status: 500 });
+  }
+}
+
 export async function POST(req: NextRequest) {
   try {
     const { searchParams } = req.nextUrl;

src/components/post/PostContextMenu.tsx

@@ -1,9 +1,8 @@
 "use client";
 import { type PropsWithChildren, useEffect, useState } from "react";
-import { ServerSignedIn } from "../ServerSignedIn";
 import { Card } from "../ui/card";
 import type { Post } from "./Post";
-import { PostMenuContent } from "./PostMenu";
+import { PostMenu } from "./PostMenu";
 
 export const PostContextMenu = (props: PropsWithChildren & { post: Post }) => {
   const [clicked, setClicked] = useState(false);
@@ -35,7 +34,7 @@ export const PostContextMenu = (props: PropsWithChildren & { post: Post }) => {
       {clicked && (
         <div className="z-[40] absolute" style={{ top: `${points.y}px`, left: `${points.x}px` }}>
           <Card className="flex flex-col w-max gap-1 p-1 hover:bg-card border">
-            <PostMenuContent post={props.post} profileId="" />
+            <PostMenu post={props.post} profileId="" />
           </Card>
         </div>
       )}

src/components/post/PostMenu.tsx

@@ -6,7 +6,7 @@ import { toast } from "sonner";
 import { Button } from "../ui/button";
 import type { Post } from "./Post";
 
-export const PostMenuContent = ({ post, profileId }: { post: Post; profileId: string }) => {
+export const PostMenu = ({ post, profileId }: { post: Post; profileId: string }) => {
   const router = useRouter();
   const author = post.author;