refactor

components/CategoryControl.tsx

@@ -0,0 +1,31 @@
+import React from "react";
+import { apiUrl } from "@/global";
+import urlJoin from "url-join";
+import { useRouter } from "next/navigation";
+
+export default function CategoryControl({ categoryId }: { categoryId: string }) {
+  const router = useRouter();
+  async function deleteCategory() {
+    await fetch(urlJoin(apiUrl, `categories/${categoryId}`), { method: "DELETE" })
+      .then((response) => response.json())
+      .then((result) => {
+        console.log(result);
+      });
+    router.push("/articles");
+  }
+
+  function editCategory() {
+    router.push("/admin/editor/category/" + categoryId);
+  }
+
+  return (
+    <div>
+      <button className="danger" onClick={deleteCategory}>
+        Delete
+      </button>
+      <button className="warning" onClick={editCategory}>
+        Edit
+      </button>
+    </div>
+  );
+}