fix order, add delete functionality

apps/backend/src/controllers/posts.ts

@@ -8,7 +8,6 @@ export async function createPost(
   next: NextFunction,
 ) {
   try {
-    console.log(req.body);
     const body = schemas.posts.create.parse(req.body);
 
     const post = await prisma.post.create({
@@ -55,7 +54,11 @@ export async function getAllPosts(
   next: NextFunction,
 ) {
   try {
-    const posts = await prisma.post.findMany();
+    const posts = await prisma.post.findMany({
+      orderBy: {
+        createdAt: "desc",
+      },
+    });
     res.status(200).json(posts);
   } catch (e) {
     next(e);
@@ -70,13 +73,24 @@ export async function deletePost(
   try {
     const slug = schemas.posts.delete.parse(req.params.slug);
 
-    await prisma.post.findFirst({
+    const post = await prisma.post.findFirst({
       where: {
         slug,
       },
     });
-
+    if (post) {
+      await prisma.post.delete({
+        where: {
+          id: post.id,
+        },
+      });
       res.sendStatus(204);
+      return;
+    } else {
+      res.status(404).json({
+        message: "Couldn't find that post",
+      });
+    }
   } catch (e) {
     next(e);
   }

apps/frontend/src/pages/post.tsx

@@ -27,9 +27,20 @@ export default function Post() {
     }
   }, []);
 
-  useEffect(() => {
+  function deletePost() {
-    console.log(post);
+    if (!auth.user || !post) return;
-  }, [post]);
+
+    fetch("/api/posts/" + post.slug, {
+      method: "DELETE",
+      credentials: "include",
+    }).then((res) => {
+      if (!res.ok) {
+        console.error("Failed to delete post " + res.status);
+      } else {
+        navigate("/");
+      }
+    });
+  }
 
   if (post) {
     return (
@@ -57,12 +68,20 @@ export default function Post() {
               "- updated on " + new Date(post.updatedAt).toLocaleString()}
           </p>
           {auth.user && (
+            <div className="inline-block space-x-2">
               <p
-              className="text-sm opacity-50 underline hover:cursor-pointer"
+                className="text-sm opacity-50 underline hover:cursor-pointer inline"
                 onClick={() => navigate(`/editor/${post.slug}`)}
               >
                 Edit
               </p>
+              <p
+                className="text-sm opacity-50 underline hover:cursor-pointer inline"
+                onClick={deletePost}
+              >
+                Delete
+              </p>
+            </div>
           )}
         </div>
       </Layout>