1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
import { fromJS, List } from 'immutable';
import notif from 'ba-api/notifMessage';
import {
FETCH_PRODUCT_DATA,
ADD_TO_CART,
DELETE_CART_ITEM,
CHECKOUT,
SHOW_DETAIL_PRODUCT,
SEARCH_PRODUCT,
CLOSE_NOTIF
} from 'ba-actions/actionTypes';
const initialState = {
productList: List([]),
cart: List([]),
totalItems: 0,
totalPrice: 0,
productIndex: 0,
keywordValue: '',
notifMsg: '',
};
let itemId = [];
const initialImmutableState = fromJS(initialState);
export default function reducer(state = initialImmutableState, action = {}) {
switch (action.type) {
case FETCH_PRODUCT_DATA:
return state.withMutations((mutableState) => {
const items = fromJS(action.items);
mutableState.set('productList', items);
});
case SEARCH_PRODUCT:
return state.withMutations((mutableState) => {
action.keyword.persist();
const keyword = action.keyword.target.value.toLowerCase();
mutableState.set('keywordValue', keyword);
});
case ADD_TO_CART:
return state.withMutations((mutableState) => {
const item = fromJS(action.item);
const qty = Number(item.get('quantity'));
const price = item.get('price');
const index = itemId.indexOf(action.item.id);
if (index > -1) {
// If item already added to cart
mutableState.update('cart', cart => cart.setIn(
[index, 'quantity'],
state.getIn(['cart', index, 'quantity']) + qty
));
} else {
// item not exist in cart
itemId.push(action.item.id);
mutableState.update('cart', cart => cart.push(item));
}
mutableState
.set('totalItems', state.get('totalItems') + qty)
.set('totalPrice', state.get('totalPrice') + (price * qty))
.set('notifMsg', notif.addCart);
});
case DELETE_CART_ITEM:
return state.withMutations((mutableState) => {
const index = state.get('cart').indexOf(action.item);
const qty = Number(action.item.get('quantity'));
const price = action.item.get('price');
itemId = itemId.filter(item => item !== action.item.get('id'));
mutableState
.update('cart', cart => cart.splice(index, 1))
.set('totalItems', state.get('totalItems') - qty)
.set('totalPrice', state.get('totalPrice') - (price * qty))
.set('notifMsg', notif.removed);
});
case CHECKOUT:
itemId = [];
return state.withMutations((mutableState) => {
mutableState
.set('cart', List([]))
.set('totalItems', 0)
.set('totalPrice', 0)
.set('notifMsg', notif.checkout);
});
case SHOW_DETAIL_PRODUCT:
return state.withMutations((mutableState) => {
const index = state.get('productList').indexOf(action.item);
mutableState.set('productIndex', index);
});
case CLOSE_NOTIF:
return state.withMutations((mutableState) => {
mutableState.set('notifMsg', '');
});
default:
return state;
}
}
|
