add code for fetching code by brand

src/client/components/Products.js

@@ -25,9 +25,18 @@ function Product({ product }) {
 
 class Products extends React.Component {
   componentDidMount() {
-    const { productActions } = this.props;
-    productActions.getProducts();
+    const { productActions, match } = this.props;
+    const brand = match.params.brand;
+    productActions.getProducts(brand);
   }
+
+  componentWillReceiveProps(nextProps) {
+    const { match, productActions } = this.props;
+    if (nextProps.match.params.brand !== match.params.brand) {
+      productActions.getProducts(nextProps.match.params.brand);
+    }
+  }
+
   render() {
     const { products } = this.props;
     return (

src/client/redux/actions/index.js

@@ -3,8 +3,9 @@ import { transformProductsApi } from "../transformers/transformProductsApi";
 import { transformGetCartItemsApi } from "../transformers/transformGetCartItemsApi";
 
 export const getProducts = productId => {
+  const apiUrl = productId ? `/api/products/${productId}` : "/api/products";
   return dispatch => {
-    return fetch("/api/products/").then(async response => {
+    return fetch(apiUrl).then(async response => {
       const responseData = await response.json();
       const data = transformProductsApi(responseData);
       dispatch({

src/client/redux/reducers/products.js

@@ -11,7 +11,7 @@ const initialState = {
 
 export default function productsReducer(state = initialState, action) {
   switch (action.type) {
-    case actionTypes.GET_CART_ITEMS_REQUEST:
+    case actionTypes.GET_PRODUCTS_REQUEST:
       return {
         ...state,
         byId: {},

src/server/connectors/index.js

@@ -2,13 +2,15 @@ let products = [
   {
     id: 1,
     name: "Macbook",
+    brand: "Apple",
     description: "Latest Macbook with 16GB ram and Quad core processor",
     price: 65000,
     url: "/img/macbook.jpeg"
   },
   {
     id: 2,
     name: "Keyboard",
+    brand: "Apple",
     description: "Ergonomic keyboard",
     price: 3000,
     url: "/img/keyboard.jpeg"
@@ -37,7 +39,7 @@ export function getProducts() {
   return products;
 }
 
-export function getProduct(id) {
+export function getProductById(id) {
   return [products.find(product => product.id === id)];
 }
 

src/server/index.js

@@ -50,7 +50,7 @@ app.get("/api/products/:id(\\d+)/", function(req, res) {
 });
 
 app.get("/api/products/:brand(\\w+)/", function(req, res) {
-  getProductsByBrand(req.params.brand).then(response => res.json(response));
+  res.json(getProductsByBrand(req.params.brand));
 });
 
 app.get("/api/cart-items", function(req, res) {