tests & image-request on google & inspirobot & front

2024-05-11 22:37:32 +02:00
parent 6602bfd408
commit 3f0db3f976
24 changed files with 1421 additions and 454 deletions
--- a/src/components/form/formUpdateItem.jsx
+++ b/src/components/form/formUpdateItem.jsx
@@ -0,0 +1,93 @@
+import React, { useState, useEffect } from "react";
+import { Form, Input, InputNumber, Button, Select } from "antd";
+import axios from "axios";
+import { getRooms } from "../../api/room";
+import { getItem } from "../../api/item";
+
+const { TextArea } = Input;
+const { Option } = Select;
+
+
+function formatItem(_id, brand, model, room, price, purchaseDate, description, categories, createdAt, updatedAt, __v) {
+    let item = {
+        _id,
+        brand,
+        model,
+        room,
+        price,
+        purchaseDate,
+        description,
+        categories,
+        createdAt,
+        updatedAt,
+        __v
+    }
+    return item;
+}
+
+export const FormUpdateItem = ({ itemId }) => {
+    const [form] = Form.useForm();
+    const [rooms, setRooms] = useState([]);
+    const [item, setItem] = useState(formatItem({ _id: itemId }))
+
+    useEffect(() => {
+
+        setRooms(getRooms())
+
+        setItem(getItem(item._id))
+
+    }, []);
+
+    const onFinish = async (values) => {
+        try {
+            const response = await axios.put(
+                `${import.meta.env.VITE_API_URL}/item/${item._id}`,
+                values,
+            );
+            console.log(response.data);
+        } catch (error) {
+            console.error(error);
+        }
+    };
+
+    return (
+        <Form
+            form={form}
+            onFinish={onFinish}
+            initialValues={item} // Initialise le formulaire avec les valeurs de l'<EFBFBD>l<EFBFBD>ment
+        >
+            <h1>Update Item</h1>
+            <Form.Item label="Brand" name="brand">
+                <Input />
+            </Form.Item>
+            <Form.Item label="Model" name="model">
+                <Input />
+            </Form.Item>
+            <Form.Item label="Room" name="room">
+                <Select placeholder="Select a room">
+                    {rooms.map((room) => (
+                        <Option key={room._id} value={room._id}>
+                            {room.name}
+                        </Option>
+                    ))}
+                </Select>
+            </Form.Item>
+            <Form.Item label="Price" name="price">
+                <InputNumber />
+            </Form.Item>
+            <Form.Item label="Purchase Date" name="purchaseDate">
+                <Input />
+            </Form.Item>
+            <Form.Item label="Description" name="description">
+                <Input.TextArea rows={4} />
+            </Form.Item>
+            <Form.Item>
+                <Button type="primary" htmlType="submit">
+                    Submit
+                </Button>
+            </Form.Item>
+        </Form>
+    );
+};
+
+export default FormUpdateItem;