{title}
@@ -15,8 +46,9 @@ const Description = ({ title, children }) => {
);
};
-// Composant Caractéristique atomique
+// Composant Caractéristique
const Characteristic = ({ label, value }) => {
+
return (
{label}: {value}
@@ -24,18 +56,25 @@ const Characteristic = ({ label, value }) => {
);
};
-// Composant Détails du Produit (combinaison atomique)
-export const ItemBox = ({ imageUrl, model, brand, purchaseDate, price, onEdit }) => {
- return (
-
-
-
-
-
-
-
-
-
-
- );
+// Composant Détails du Produit
+export const ItemBox = ({ model, brand, purchaseDate, price, onEdit, _id }) => {
+ let productname = brand + " " + model;
+ let formatedPrice = price + "€";
+ let formatedDate = new Date(purchaseDate).toLocaleDateString('fr-FR');
+
+ let request = brand + " " + model
+
+
+ return (
+
+
+
+
+
+
+
+
+
+
+ );
};
diff --git a/src/components/item/ItemPage.jsx b/src/components/item/ItemPage.jsx
index c0a7115..7617b05 100644
--- a/src/components/item/ItemPage.jsx
+++ b/src/components/item/ItemPage.jsx
@@ -3,6 +3,7 @@ import axios from 'axios'; // Assurez-vous que le chemin d'importation soit corr
import { ItemBox } from './ItemBox';
import { Space, DatePicker, Row, Col, Select, Input, InputNumber } from 'antd';
+
const { RangePicker } = DatePicker;
const { Option } = Select;
@@ -36,9 +37,21 @@ export const ItemPage = () => {
try {
const response = await axios.get(
`${import.meta.env.VITE_API_URL}/item`,
- );
+ );
+
+ //await response.data.forEach(async (item) => {
+ // let cacheUrl = localStorage.getItem(item._id);
+ // if (cacheUrl == null || cacheUrl == "") {
+ // let request = item.brand + " " + item.model
+ // cacheUrl = await searchAndResizeImage(request)
+ // await localStorage.setItem(item._id, cacheUrl)
+ // console.log("mise en cache "+ item.imageUrl)
+ // }
+ // item.imageUrl = cacheUrl;
+ //})
setItems(response.data);
- } catch (error) {
+ }
+ catch (error) {
console.error(error);
}
};
@@ -144,3 +157,6 @@ export const ItemPage = () => {
);
};
+
+
+
diff --git a/src/components/item/RoomItemsList.jsx b/src/components/item/RoomItemsList.jsx
index fa0de34..c7aa677 100644
--- a/src/components/item/RoomItemsList.jsx
+++ b/src/components/item/RoomItemsList.jsx
@@ -26,7 +26,6 @@ export const RoomItemsList = () => {
console.error(error);
}
};
-
fetchRoomsAndItems();
}, []);
diff --git a/src/main.jsx b/src/main.jsx
index 3a736c3..c4e7dd7 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -12,11 +12,11 @@ setupAxios();
ReactDOM.createRoot(document.getElementById("root")).render(
-
+ //
- ,
+ //,
);
diff --git a/src/pages/rooms-stats.jsx b/src/pages/rooms-stats.jsx
new file mode 100644
index 0000000..26b7ac0
--- /dev/null
+++ b/src/pages/rooms-stats.jsx
@@ -0,0 +1,25 @@
+import React, { useEffect } from 'react';
+
+import { useAuth } from "../hooks";
+import { ItemPage } from "../components/item/ItemPage";
+import { usePageTitle } from '../hooks/page-title-context';
+
+export const RoomsStats = () => {
+ const { user } = useAuth();
+ const { setPageTitle } = usePageTitle();
+
+
+ // Mettre à jour le titre de la page dans le contexte
+ useEffect(() => {
+ setPageTitle("Toutes les rooms :");
+ }, [setPageTitle]);
+
+ useEffect(() => {
+ setPageTitle("Toutes les rooms :");
+ }, [setPageTitle]);
+ return (
+
+
+
+ );
+};
![{alt}]({"https://media.discordapp.net/attachments/1164176196930637956/1167746303820840990/IMG_20231028_104620.jpg?ex=663ddefe&is=663c8d7e&hm=0985ce123fd1751f65388f7fefde5db6ce817e514e30f1d3c81eb28b15e78453&=&"})
;
+ }
};
-// Composant Description atomique
+// Composant Description
const Description = ({ title, children }) => {
+ if (title.length >= 30) {
+ title = title.slice(0, 22 - 3) + '...';
+ }
return (