/
issue-list-reducers.js
106 lines (98 loc) · 3.48 KB
/
issue-list-reducers.js
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
95
96
97
98
99
100
101
102
103
104
105
106
/* @flow */
import {createReducer} from 'redux-create-reducer';
import * as types from './issue-list-action-types';
import {LOG_OUT} from '../../actions/action-types';
import {ISSUE_CREATED} from '../create-issue/create-issue-action-types';
import {ISSUE_UPDATED} from '../single-issue/single-issue-action-types';
import type {IssueOnList, IssueFull, TransformedSuggestions} from '../../flow/Issue';
export type IssuesListState = {
query: string,
skip: number,
queryAssistSuggestions: Array<TransformedSuggestions>,
isLoadingMore: boolean,
isListEndReached: boolean,
loadingError: ?Object,
isInitialized: boolean,
isRefreshing: boolean,
issuesCount: ?number,
issues: Array<IssueOnList>
};
const initialState: IssuesListState = {
query: '',
queryAssistSuggestions: [],
skip: 0,
isLoadingMore: false,
isListEndReached: false,
loadingError: null,
isInitialized: false,
isRefreshing: false,
issuesCount: null,
issues: []
};
export default createReducer(initialState, {
[LOG_OUT]: (state: IssuesListState): IssuesListState => {
return initialState;
},
[ISSUE_CREATED]: (state: IssuesListState, action: {issue: IssueFull}): IssuesListState => {
return {...state, issues: [action.issue, ...state.issues]};
},
[types.SET_ISSUES_QUERY]: (state: IssuesListState, action: Object) => {
return {...state, query: action.query};
},
[types.SUGGEST_QUERY]: (state: IssuesListState, action: Object) => {
return {...state, queryAssistSuggestions: action.suggestions};
},
[types.CLEAR_SUGGESTIONS]: (state: IssuesListState, action: Object) => {
return {...state, queryAssistSuggestions: []};
},
[types.START_ISSUES_LOADING]: (state: IssuesListState, action: Object) => {
return {
...state, loadingError: null, isListEndReached: false, isRefreshing: true, skip: 0
};
},
[types.STOP_ISSUES_LOADING]: (state: IssuesListState, action: Object) => {
return {...state, isRefreshing: false};
},
[types.START_LOADING_MORE]: (state: IssuesListState, action: Object) => {
return {...state, isLoadingMore: true, skip: action.newSkip};
},
[types.STOP_LOADING_MORE]: (state: IssuesListState, action: Object) => {
return {...state, isLoadingMore: false};
},
[types.RECEIVE_ISSUES]: (state: IssuesListState, action: {issues: Array<IssueOnList>, pageSize: number}) => {
return {
...state,
issues: action.issues,
isInitialized: true
};
},
[types.LOADING_ISSUES_ERROR]: (state: IssuesListState, action: {error: Object}) => {
return {
...state,
isInitialized: true,
isListEndReached: true,
loadingError: action.error,
issues: []
};
},
[types.LIST_END_REACHED]: (state: IssuesListState, action: {error: Object}) => {
return {...state, isListEndReached: true};
},
[types.SET_ISSUES_COUNT]: (state: IssuesListState, action: {count: number}) => {
return {...state, issuesCount: action.count};
},
[types.RESET_ISSUES_COUNT]: (state: IssuesListState, action: {count: number}) => {
return {...state, issuesCount: null};
},
[ISSUE_UPDATED]: (state: IssuesListState, action: {issue: IssueFull}) => {
const sourceIssue = action.issue;
function updateIssue(issue: IssueOnList): IssueOnList {
return Object.keys(issue).
reduce((updated, key) => {
return {...updated, [key]: sourceIssue[key]};
}, {});
}
const issues = state.issues.map(issue => issue.id === sourceIssue.id ? updateIssue(issue) : issue);
return {...state, issues};
}
});