diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/Ajouter.js b/GrossesMitaines/grosses-mitaines-ui/src/components/Ajouter.js
index 91ad91a..be57fde 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/Ajouter.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/Ajouter.js
@@ -1,19 +1,23 @@
import { useState } from "react"
+import { Dropdown } from "react-bootstrap";
const Ajouter = ({ onCreation }) => {
+ const [currentStatus, setStatus] = useState("Disponible");
+
const [title, setTitle] = useState("");
const [description, setDescription] = useState("");
const [category, setCategory] = useState("");
const [price, setPrice] = useState("");
const [quantity, setQuantity] = useState("");
const [imageName, setImageName] = useState("sqdc.jpg");
+ const [statusValue, setStatusValue] = useState(0)
const handleSubmit = (e) => {
e.preventDefault(); // Empêcher de reloader la page au submit.
// Appeler le comportement onCreation
- onCreation({ title, description, category, price, quantity, imageName })
+ onCreation({ title, description, category, price, quantity, imageName, statusValue })
// Reset les états du formulaire.
setTitle("")
@@ -71,6 +75,50 @@ const Ajouter = ({ onCreation }) => {
value={imageName}
onChange={(e) => setImageName(e.target.value)} />
+
+
+ {currentStatus}
+
+
+
+ {
+ setStatus("Disponible"); // Mets le nom afficher quand le dropdown est fermé
+ setStatusValue(0);
+ }}>
+ Disponible {/*Le nom de l'option*/}
+
+ {
+ setStatus("Indisponible");
+ setStatusValue(1);
+ }}>
+ Indisponible
+
+ {
+ setStatus("En Commande");
+ setStatusValue(2);
+ }}>
+ En Commande
+
+ {
+ setStatus("Liquidation");
+ setStatusValue(3);
+ }}>
+ Liquidation
+
+ {
+ setStatus("Promotion");
+ setStatusValue(4);
+ }}>
+ Promotion
+
+ {
+ setStatus("Discontinué");
+ setStatusValue(5);
+ }}>
+ Discontinué
+
+
+
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/Home.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/Home.js
index 9d6dd78..92afb71 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/pages/Home.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/Home.js
@@ -36,7 +36,7 @@ const Home = () => {
Les Grosses Mitaines
(à Ginette et Monique)
-
+
Des produits bien commodes faits par des aînées d'expérience.
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/MorceauDetail.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/MorceauDetail.js
index b79a18e..8778daa 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/pages/MorceauDetail.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/MorceauDetail.js
@@ -1,5 +1,5 @@
import { useEffect } from "react";
-import { json, useParams } from "react-router-dom";
+import { useParams } from "react-router-dom";
import { useState } from "react";
const MorceauDetail = () => {
@@ -18,11 +18,11 @@ const MorceauDetail = () => {
}
fetchData();
setIsLoading(false);
- },[]);
+ });
function renderPrice(price, newPrice, status) {
if (price !== undefined) {
- if (status != 3 && status != 4) {
+ if (status !== 3 && status !== 4) {
return (
{price.toFixed(2).toString().replace(".", ",")} $ CA
@@ -99,7 +99,7 @@ const MorceauDetail = () => {
-
+
{item.description}