05_react/unterricht/tag54/react-app/src/components/tables/TableProducts.jsx

@@ -4,7 +4,19 @@ import RowProduct from './content/RowProduct';
 // Reducer (bei größerer Applikaitonsstuktur ausgelagert)
 const initialState = (props) => {
   // Validierung und Error Checks
-  return { items: props.items || [] };
+  items.filter((item) => !Object.hasOwn(item, _id));
+
+  return {
+    items: props.items || [
+      {
+        _id: '1',
+        title: 'Example Product 1',
+        sku: 'ABC1234',
+        stock: 2,
+        price: 15.2,
+      },
+    ],
+  };
 };
 
 const reducer = (state, action) => {
@@ -65,9 +77,9 @@ const TableProducts = (props) => {
   const handleAmount = useCallback((amount, id) => {
     dispatch({ type: 'UPDATE_AMOUNT', payload: { amount, id } });
 
-    // setItems((prevItems) => {
-    //   return prevItems.map((item) => (item._id === id ? { ...item, stock: amount } : item));
-    // });
+    setItems((prevItems) => {
+      return prevItems.map((item) => (item._id === id ? { ...item, stock: amount } : item));
+    });
   }, []);
 
   const handlePrice = useCallback((price, id) => {