+
{children}
diff --git a/src/layouts/sidebar/index.jsx b/src/layouts/sidebar/index.jsx
index 1f2f6d3..170f8b9 100644
--- a/src/layouts/sidebar/index.jsx
+++ b/src/layouts/sidebar/index.jsx
@@ -114,8 +114,7 @@ const Sidebar = () => {
initial={{ x: isTabletMid ? -250 : 0 }}
animate={open ? 'open' : 'closed'}
className=" bg-white text-gray shadow-xl z-[999] max-w-[16rem] w-[16rem]
- overflow-hidden md:relative fixed
- h-screen "
+ overflow-hidden md:relative fixed h-screen "
>
![]()
{
- return (
-
- Add Products
-
- );
+ const baseUrl = import.meta.env.VITE_BACKEND_BASE_URL;
+ const [title, setTitle] = useState("");
+ const [description, setDescription] = useState("");
+ const [status, setStatus] = useState("");
+ const [price, setPrice] = useState("");
+ const [stock, setStock] = useState("");
+ const [minimumCredits, setMinimumCredits] = useState("");
+ const [category, setCategory] = useState("");
+ const [series, setSeries] = useState("");
+ const [character, setCharacter] = useState("");
+ const [manufacture, setManufacture] = useState("");
+ const [images, setImages] = useState([]);
+ const [thumbnail, setThumbnail] = useState([]);
+ const thumbnailRef = useRef(null);
+
+ const categories = [
+ { value: "Nendoroid" },
+ { value: "Scaled Figure" },
+ { value: "Prize Figure" },
+ { value: "Pop Up Parade" },
+ { value: "Model Kit" },
+ { value: "Figma" },
+ { value: "Merchandise" },
+ { value: "Plush" },
+ { value: "Light Novel" },
+ { value: "Manga" },
+ { value: "" },
+ ];
+ // const handleImageChange = (e, index) => {
+ // const newImages = [...images];
+ // newImages[index - 1] = e.target.files[0];
+ // setImages(newImages);
+ // };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ try {
+ // Check if at least one image is selected
+ if (images.length === 0) {
+ alert("Please select at least one image");
+ return;
+ }
+
+ const formData = new FormData();
+
+ // Add product information to formData
+ formData.append("title", title);
+ formData.append("description", description);
+ formData.append("status", status);
+ formData.append("price", price);
+ formData.append("stock", stock);
+ formData.append("minimumCredits", minimumCredits);
+ formData.append("category", category);
+ formData.append("character", character);
+ formData.append("series", series);
+ formData.append("manufacture", manufacture);
+
+ // Add thumbnail to formData
+ if (thumbnail) {
+ formData.append("thumbnail", thumbnail);
+ }
+
+ // Add images to formData
+ for (let i = 0; i < images.length; i++) {
+ formData.append("image", images[i]);
+ }
+
+ // Send product information and images in a single request
+ const createProduct = await axios.post(`${baseUrl}/products`, formData);
+
+ console.log("Product created successfully:", createProduct.data);
+ alert("Product and images are successfully uploaded!");
+ resetForm();
+ } catch (error) {
+ console.error("Error creating product:", error);
+ }
+ };
+
+ const resetForm = () => {
+ setTitle("");
+ setDescription("");
+ setStatus("");
+ setPrice("");
+ setStock("");
+ setMinimumCredits("");
+ setCategory("");
+ setCharacter("");
+ setSeries("");
+ setManufacture("");
+ setThumbnail([]);
+ setImages([]);
+ thumbnailRef.current.value = "";
+ };
+
+ return (
+ <>
+
+
+