premier commit final

src/components/item/ItemBox.jsx

@@ -1,27 +1,10 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import "../../assets/styles/modal.css";
 import "../../assets/styles/itembox.css";
 import FormUpdateItem from "../form/formUpdateItem";
 import { Image } from "../parts/image";
-
-// Composant Description
-const Description = ({ title, children }) => {
-  return (
-    <div className="description">
-      <h2 className="text-ellipsis">{title}</h2>
-      {children}
-    </div>
-  );
-};
-
-// Composant Caractéristique
-const Characteristic = ({ label, value }) => {
-  return (
-    <div className="characteristic">
-      <strong>{label}:</strong> {value}
-    </div>
-  );
-};
+import { Description } from "../parts/description";
+import { Characteristic } from "../parts/characteristic";
 
 // Composant Détails du Produit
 export const ItemBox = ({ model, brand, purchaseDate, price, _id }) => {
@@ -54,14 +37,16 @@ export const ItemBox = ({ model, brand, purchaseDate, price, _id }) => {
         {/* Bouton d'édition pour ouvrir la fenêtre modale */}
         <button onClick={openModal}>Edit</button>
       </Description>
-      {/* Fenêtre modale pour la mise à jour */}
+      {/* Fenêtre modale */}
       {isModalOpen && (
         <div className="modal">
           <div className="modal-content">
             <span className="close" onClick={closeModal}>
               &times;
             </span>
-            <FormUpdateItem itemId={_id} onClose={closeModal} />
+            <FormUpdateItem itemId={_id}>
+              {console.log("item ID :" + _id)}
+            </FormUpdateItem>
           </div>
         </div>
       )}