add delete method

Author: ehsanghaffar

app/api/recipes/route.ts

@@ -1,10 +1,6 @@
-
 import { NextResponse } from 'next/server';
-import { join } from "path";
-import { stat, writeFile } from "fs/promises";
 import { connectToDatabase } from "../../../lib/mongodb";
 import { Recipe } from "../../../models";
-import mime from 'mime';
 import { existsSync } from "fs";
 import fs from "fs/promises";
 import path from "path";
@@ -65,4 +61,16 @@ export async function POST(req: Request) {
     });
   }
 
+}
+
+export async function DELETE(req: any) {
+  const { id } = req.query;
+  try {
+    console.log("id", id)
+    const recipe = await Recipe.findByIdAndRemove(id)
+    console.log("re", recipe)
+    return NextResponse.json({status: 200, data: recipe})
+  } catch (error) {
+    return NextResponse.json({ status: 500, success: false, message: error });
+  }
 }

app/recipes/[id]/page.tsx

@@ -4,6 +4,7 @@ import React, { useEffect, useState } from "react";
 import SingleRecipeMain from "../../../components/SingleRecipeMain";
 import SingleRecipeTopSection from "../../../components/SingleRecipeTopSection";
 import { IRecipCreate } from "../../../models/recipe";
+import Button from "@/components/ui/Button";
 
 // کامپوننت SingleRecipe که اطلاعات یک رسپی را نمایش می‌دهد
 const SingleRecipe = () => {
@@ -12,6 +13,18 @@ const SingleRecipe = () => {
     undefined
   );
 
+  const onDeleteRecipe = async (id: string) => {
+    try {
+      const response = await fetch(`/api/recipes/${id}`, {
+        method: "DELETE"
+      })
+      const data = response.json()
+      console.log("deleted", data);
+    } catch (error) {
+      console.log("er",error);
+    }
+  }
+
   useEffect(() => {
      // دریافت رسپی با استفاده از شناسه
   const get_recipe_by_id = async (id: string) => {
@@ -42,6 +55,11 @@ const SingleRecipe = () => {
         recipeIngredients={singleRecipe?.ingredients}
         recipeSteps={singleRecipe?.steps}
       />
+      <div className="grid grid-cols-2 gap-6">
+      {/* <Button status="danger" className="roundedrounded px-4 py-2 bg-orange-600" onClick={() => onDeleteRecipe(id)}>
+        حذف رسپی
+      </Button> */}
+      </div>
     </>
   );
 };