linking works

components/action-menu.tsx

@@ -11,6 +11,7 @@ import {
 } from "@/components/ui/tooltip";
 import DeleteDialog from "./delete-dialog";
 import { useState } from "react";
+import { useRouter } from "next/navigation";
 
 type Props = {
   id: string;
@@ -22,6 +23,8 @@ export default function ActionMenu({ id }: Props) {
 
   const [open, setOpen] = useState(false);
 
+  const router = useRouter();
+
   return (
     <>
       <TooltipProvider delayDuration={150}>
@@ -69,7 +72,9 @@ export default function ActionMenu({ id }: Props) {
                 <button
                   className={buttonClass}
                   onClick={() => {
-                    // Blog
+                    let link = `/write/new?app=${id}`;
+                    console.log(link);
+                    router.push(link);
                   }}
                 >
                   <Pencil className="h-5 w-5" />