feat(store): add cart state

create cart reducer, action, actionType

src/app/store/ActionTypes.js

@@ -10,3 +10,5 @@ export const GET_PRODUCTS_SUCCESS = 'GET_PRODUCTS_SUCCESS';
 export const GET_PRODUCTS_FAILURE = 'GET_PRODUCTS_FAILURE';
 
 export const FOOTER_DATA = 'FOOTER_DATA';
+
+export const CART_DATA = 'CART_DATA';

src/app/store/actions/cartAction/cartAction.js

@@ -0,0 +1,6 @@
+// @flow strict
+import * as types from '@/store/ActionTypes';
+
+import makeActionCreator from '@/store/actions/makeActionCreator';
+
+export default makeActionCreator(types.CART_DATA, 'cart');

src/app/store/actions/cartAction/cartAction.test.js

@@ -0,0 +1,11 @@
+// @flow strict
+
+import cartAction from './cartAction';
+
+describe('cartAction action', () => {
+  it('should return the quantity', () => {
+    const quantity = 0;
+    const expectedData = { type: 'CART_DATA', cart: { quantity } };
+    expect(cartAction({ quantity })).toEqual(expectedData);
+  });
+});

src/app/store/actions/cartAction/index.js

@@ -0,0 +1,3 @@
+// @flow strict
+// eslint-disable-next-line import/prefer-default-export
+export { default as cartAction } from './cartAction';

src/app/store/reducers/cart/cart.js

@@ -0,0 +1,19 @@
+// @flow strict
+
+import type { CartType, CartActionType } from '@/store/types/CartType';
+
+import { CART_DATA } from '@/store/ActionTypes';
+
+import createReducer from '../createReducer';
+
+const initialState = {
+  quantity: 0,
+};
+
+export default createReducer<CartType, CartActionType>(initialState, {
+  [CART_DATA](state) {
+    return {
+      ...state,
+    };
+  },
+});

src/app/store/reducers/cart/cart.test.js

@@ -0,0 +1,14 @@
+// @flow strict
+import cart from './cart';
+
+describe('cart reducer', () => {
+  const expectedState = {
+    quantity: 0,
+  };
+
+  it('should return initial state', () => {
+    const initialState = cart(undefined, { type: '', quantity: 0 });
+
+    expect(initialState).toStrictEqual(expectedState);
+  });
+});

src/app/store/reducers/cart/index.js

@@ -0,0 +1,9 @@
+// @flow strict
+
+import type { State } from '@/store/types/State';
+
+import cart from './cart';
+
+export default cart;
+
+export const cartFooter = (state: State) => state.cart;

src/app/store/reducers/index.js

@@ -7,10 +7,12 @@ import { combineReducers } from 'redux';
 
 import type { Actions } from '@/store/types/Actions';
 
-import products from './products';
+import cart from './cart';
 import footer from './footer';
+import products from './products';
 
 export default combineReducers<{}, Actions>({
-  products,
+  cart,
   footer,
+  products,
 });

src/app/store/types/Actions.js

@@ -1,11 +1,13 @@
 // @flow strict
 
-import type { ProductActionType } from '@/store/types/ProductsType';
 import type { FooterActionType } from '@/store/types/FooterType';
+import type { CartActionType } from '@/store/types/CartType';
+import type { ProductActionType } from '@/store/types/ProductsType';
 
 export type Actions =
-  ProductActionType |
-  FooterActionType;
+  CartActionType |
+  FooterActionType |
+  ProductActionType;
 
 export type AsyncAction<S> = {
   types?: Array<string>,

src/app/store/types/CartType.js

@@ -0,0 +1,11 @@
+// @flow strict
+import type { Action } from 'redux';
+
+export type CartType = {
+  quantity: number
+};
+
+export type CartActionType = {
+  ...$Exact<Action<string>>,
+  ...$Exact<CartType>
+};

src/app/store/types/State.js

@@ -1,9 +1,11 @@
 // @flow strict
 
-import type { ProductsType } from '@/store/types/ProductsType';
+import type { CartType } from '@/store/types/CartType';
 import type { FooterType } from '@/store/types/FooterType';
+import type { ProductsType } from '@/store/types/ProductsType';
 
 export type State = {
+  cart: CartType,
+  footer: FooterType,
   products: ProductsType,
-  footer: FooterType
 };