feat: Add static product list representation

Author: Sergey Kovalchuk

src/components/pages/PageProducts/components/Products.tsx

@@ -7,10 +7,11 @@ import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import {makeStyles} from '@material-ui/core/styles';
 import {Product} from "models/Product";
-import axios from 'axios';
 import {formatAsPrice} from "utils/utils";
 import AddProductToCart from "components/AddProductToCart/AddProductToCart";
-import API_PATHS from "constants/apiPaths";
+// import axios from 'axios';
+// import API_PATHS from "constants/apiPaths";
+import productList from "./productList.json";
 
 const useStyles = makeStyles((theme) => ({
   card: {
@@ -35,8 +36,9 @@ export default function Products() {
   const [products, setProducts] = useState<Product[]>([]);
 
   useEffect(() => {
-    axios.get(`${API_PATHS.bff}/product/available/`)
-      .then(res => setProducts(res.data));
+    // axios.get(`${API_PATHS.bff}/product/available/`)
+    //   .then(res => setProducts(res.data));
+    setProducts(productList);
   }, [])
 
   return (
@@ -65,4 +67,4 @@ export default function Products() {
       ))}
     </Grid>
   );
-}
+}

src/components/pages/PageProducts/components/productList.json

@@ -0,0 +1,58 @@
+[
+  {
+    "count": 4,
+    "description": "Short Product Description1",
+    "id": "7567ec4b-b10c-48c5-9345-fc73c48a80aa",
+    "price": 2.4,
+    "title": "ProductOne"
+  },
+  {
+    "count": 6,
+    "description": "Short Product Description3",
+    "id": "7567ec4b-b10c-48c5-9345-fc73c48a80a0",
+    "price": 10,
+    "title": "ProductNew"
+  },
+  {
+    "count": 7,
+    "description": "Short Product Description2",
+    "id": "7567ec4b-b10c-48c5-9345-fc73c48a80a2",
+    "price": 23,
+    "title": "ProductTop"
+  },
+  {
+    "count": 12,
+    "description": "Short Product Description7",
+    "id": "7567ec4b-b10c-48c5-9345-fc73c48a80a1",
+    "price": 15,
+    "title": "ProductTitle"
+  },
+  {
+    "count": 7,
+    "description": "Short Product Description2",
+    "id": "7567ec4b-b10c-48c5-9345-fc73c48a80a2",
+    "price": 23,
+    "title": "Product"
+  },
+  {
+    "count": 8,
+    "description": "Short Product Description4",
+    "id": "7567ec4b-b10c-48c5-9345-fc73348a80a1",
+    "price": 15,
+    "title": "ProductTest"
+  },
+  {
+    "count": 2,
+    "description": "Short Product Descriptio1",
+    "id": "7567ec4b-b10c-48c5-9445-fc73c48a80a2",
+    "price": 23,
+    "title": "Product2"
+  },
+  {
+    "count": 3,
+    "description": "Short Product Description7",
+    "id": "7567ec4b-b10c-45c5-9345-fc73c48a80a1",
+    "price": 15,
+    "title": "ProductName"
+  }
+]