ok

web/src/components/pages/productsPage/ProductsPage.tsx

@@ -1,20 +1,20 @@
 import React, { useState } from 'react';
-import { ReadonlyProductArray } from '../../../interfaces/product';
+import { Product } from '../../../interfaces/product';
 import { ProductItem } from '../../shared/productItem/ProductItem';
 import { SearchInput } from '../../shared/searchInput/SearchInput';
 import './style.css';
 
 type ProductsPageType = {
     header: string;
 };
-const products: ReadonlyProductArray[] = [
+const products: Product[] = [
     {
         id: 'test',
         name: 'Adidas 2000',
         description: 'Some description',
         price: 100,
         size: 'x1',
-        img: 'https://w.eobuwie.com.pl/media/citalog/product/cache/image/650x650/0/e/0900300028753_01_st.jpg',
+        img: 'https://www.eobuwie.com.pl/media/catalog/product/cache/image/650x650/0/0/0000201282847_01_fp.jpg',
         productType: '',
         productCategory: '',
         brand: '',
@@ -25,20 +25,20 @@ const products: ReadonlyProductArray[] = [
         description: 'Some description 5e00',
         price: 125,
         size: 'l',
-        img: 'https://w.eobuwie.com.pl/media/citalog/product/cache/image/650x650/0/e/0900300028753_01_st.jpg',
+        img: 'https://www.eobuwie.com.pl/media/catalog/product/cache/image/650x650/0/0/0000206708137_1__1.jpg',
         productType: '',
         productCategory: '',
         brand: '',
     },
 ];
 
 export const ProductsPage = ({ header }: ProductsPageType): JSX.Element => {
-    const [filteredProducts, setFilteredProducts] = useState<ReadonlyProductArray[]>(products);
+    const [filteredProducts, setFilteredProducts] = useState<Product[]>(products);
 
     const searchProduct = (e: React.ChangeEvent<HTMLInputElement>) => {
         const { value } = e.target;
         debugger;
-        const results: ReadonlyProductArray[] = products.filter(
+        const results: Product[] = products.filter(
             (product) =>
                 product.name.toLowerCase().includes(value.toLowerCase()) ||
                 product.description.toLowerCase().includes(value.toLowerCase())
@@ -50,7 +50,7 @@ export const ProductsPage = ({ header }: ProductsPageType): JSX.Element => {
     return (
         <div className="products__page">
             <h2 className="products__page__title">{header}</h2>
-            <SearchInput onSearch={searchProduct} />
+            {/* <SearchInput onSearch={searchProduct} /> */}
             <div className="products__page__items">
                 {filteredProducts.map((item) => {
                     return <ProductItem key={item.id} {...item} />;

web/src/components/shared/productItem/ProductItem.tsx

@@ -1,13 +1,12 @@
 import React from 'react';
-import { ReadonlyProductArray } from '../../../interfaces/product';
+import { Product } from '../../../interfaces/product';
 import './style.css';
 
-export const ProductItem = ({ img, name, description, price, id }: ReadonlyProductArray): JSX.Element => {
+export const ProductItem = ({ img, name, description, price, id }: Product): JSX.Element => {
     return (
         <div className="item">
             <div className="item__header">
                 <img className="item__header__image" src={img} alt={name}></img>
-
             </div>
             <div className="item__body">
                 <div className="item__body__title">

web/src/components/shared/productItem/style.css

@@ -1,6 +1,6 @@
 .item{
     width: 350px;
-    height:500x;
+    height:500px;
     margin-bottom: 50px;
     margin-top: 50px;
     margin-left: 50px;

web/src/contexts/cartProvider/CartProvider.tsx

@@ -1,9 +1,9 @@
 import React, { createContext, useState } from 'react';
-import { ProductItemType } from '../../components';
+import { Product } from '../../interfaces/product';
 
 export interface cartContextData {
-    cart: ProductItemType[];
-    addItem: (value: ProductItemType) => void;
+    cart: Product[];
+    addItem: (value: Product) => void;
 }
 
 const contextDefaultValues: cartContextData = {
@@ -18,9 +18,9 @@ interface providerProps {
 export const CartContext = createContext<cartContextData>(contextDefaultValues);
 
 export const CartProvider = ({ children }: providerProps) => {
-    const [cart, setCart] = useState<ProductItemType[]>(contextDefaultValues.cart);
+    const [cart, setCart] = useState<Product[]>(contextDefaultValues.cart);
 
-    const addItem = (newItem: ProductItemType) => {
+    const addItem = (newItem: Product) => {
         setCart((cart) => [...cart, newItem]);
     };
 

web/src/contexts/pageResourceProvider/PageResourceProvider.tsx

@@ -1,9 +1,9 @@
 import React, { createContext, useState } from 'react';
-import { ProductItemType } from '../../components';
+import { Product } from '../../interfaces/product';
 
 export interface pageResourceContextData {
-    pageResource: ProductItemType[];
-    addPageResource: (value: ProductItemType[]) => void;
+    pageResource: Product[];
+    addPageResource: (value: Product[]) => void;
 }
 
 const contextDefaultValues: pageResourceContextData = {
@@ -18,11 +18,9 @@ interface providerProps {
 export const PageResourceContext = createContext<pageResourceContextData>(contextDefaultValues);
 
 export const PageResourceProvider = ({ children }: providerProps) => {
-    const [pageResource, setPageResource] = useState<ProductItemType[]>(
-        contextDefaultValues.pageResource
-    );
+    const [pageResource, setPageResource] = useState<Product[]>(contextDefaultValues.pageResource);
 
-    const addPageResource = (data: ProductItemType[]) => {
+    const addPageResource = (data: Product[]) => {
         setPageResource(data);
     };
 

web/src/interfaces/product.ts

@@ -1,4 +1,4 @@
-export type ReadonlyProductArray = {
+export type Product = {
     id: string;
     name: string;
     description: string;