farheen_blog_app 0.0.4 → 1.0.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "farheen_blog_app",
   "private": false,
-  "version": "0.0.4",
+  "version": "1.0.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/pages/admin/EditBlog.jsx

@@ -0,0 +1,157 @@
+import {
+  useEffect,
+  useState
+} from "react";
+
+import {
+  useNavigate,
+  useParams
+} from "react-router-dom";
+
+import {
+  getPostById,
+  updatePost
+} from "../services/postService";
+
+const EditPost = () => {
+
+  const { id } = useParams();
+
+  const navigate =
+    useNavigate();
+
+  const [formData,
+    setFormData] =
+    useState({
+      title: "",
+      content: "",
+      image: null
+    });
+
+  useEffect(() => {
+
+    fetchPost();
+
+  }, []);
+
+  const fetchPost =
+    async () => {
+
+      const res =
+        await getPostById(id);
+
+      setFormData({
+        title:
+          res.data.title,
+        content:
+          res.data.content,
+        image: null
+      });
+
+    };
+
+  const handleChange =
+    (e) => {
+
+      const {
+        name,
+        value,
+        files
+      } = e.target;
+
+      setFormData({
+        ...formData,
+        [name]:
+          files
+            ? files[0]
+            : value
+      });
+
+    };
+
+  const handleSubmit =
+    async (e) => {
+
+      e.preventDefault();
+
+      const data =
+        new FormData();
+
+      data.append(
+        "title",
+        formData.title
+      );
+
+      data.append(
+        "content",
+        formData.content
+      );
+
+      if (
+        formData.image
+      ) {
+
+        data.append(
+          "image",
+          formData.image
+        );
+
+      }
+
+      await updatePost(
+        id,
+        data
+      );
+
+      navigate(
+        "/admin/blogs"
+      );
+    };
+
+  return (
+    <form
+      onSubmit={
+        handleSubmit
+      }
+      className="flex flex-col gap-4"
+    >
+
+      <input
+        name="title"
+        value={
+          formData.title
+        }
+        onChange={
+          handleChange
+        }
+      />
+
+      <textarea
+        name="content"
+        value={
+          formData.content
+        }
+        onChange={
+          handleChange
+        }
+      />
+
+      <input
+        type="file"
+        name="image"
+        onChange={
+          handleChange
+        }
+      />
+
+      <button
+        type="submit"
+      >
+        Update Blog
+      </button>
+
+    </form>
+  );
+};
+
+export default EditPost;

package/src/pages/admin/EditUser.jsx

@@ -0,0 +1,106 @@
+import {
+  useEffect,
+  useState
+} from "react";
+
+import {
+  useParams,
+  useNavigate
+} from "react-router-dom";
+
+import {
+  getUserById,
+  updateUser
+} from "../services/userService";
+
+const EditUser = () => {
+
+  const { id } = useParams();
+
+  const navigate = useNavigate();
+
+  const [formData, setFormData] =
+    useState({
+      name: "",
+      email: "",
+      role: ""
+    });
+
+  useEffect(() => {
+
+    fetchUser();
+
+  }, []);
+
+  const fetchUser = async () => {
+
+    const res =
+      await getUserById(id);
+
+    setFormData(res.data);
+
+  };
+
+  const handleChange = (e) => {
+
+    setFormData({
+      ...formData,
+      [e.target.name]:
+        e.target.value
+    });
+
+  };
+
+  const handleSubmit = async (e) => {
+
+    e.preventDefault();
+
+    await updateUser(
+      id,
+      formData
+    );
+
+    navigate("/admin/users");
+  };
+
+  return (
+    <form
+      onSubmit={handleSubmit}
+      className="flex flex-col gap-4"
+    >
+
+      <input
+        name="name"
+        value={formData.name}
+        onChange={handleChange}
+      />
+
+      <input
+        name="email"
+        value={formData.email}
+        onChange={handleChange}
+      />
+
+      <select
+        name="role"
+        value={formData.role}
+        onChange={handleChange}
+      >
+        <option value="user">
+          User
+        </option>
+
+        <option value="admin">
+          Admin
+        </option>
+      </select>
+
+      <button type="submit">
+        Update User
+      </button>
+
+    </form>
+  );
+};
+
+export default EditUser;