maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-27 19:42:11 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add message sending to the Sale page duck file

Browse source
This commit is contained in:
Kimmo Puputti 2017-11-15 15:13:54 +02:00
parent 69480bf823
commit 16628d6159
1 changed files with 47 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
src/containers/SalePage/SalePage.duck.js
View file

@ -24,6 +24,11 @@ export const FETCH_MESSAGES_REQUEST = 'app/SalePage/FETCH_MESSAGES_REQUEST';
export const FETCH_MESSAGES_SUCCESS = 'app/SalePage/FETCH_MESSAGES_SUCCESS';
export const FETCH_MESSAGES_ERROR = 'app/SalePage/FETCH_MESSAGES_ERROR';
export const SEND_MESSAGE_REQUEST = 'app/SalePage/SEND_MESSAGE_REQUEST';
export const SEND_MESSAGE_SUCCESS = 'app/SalePage/SEND_MESSAGE_SUCCESS';
export const SEND_MESSAGE_ERROR = 'app/SalePage/SEND_MESSAGE_ERROR';
export const CLEAR_SEND_MESSAGE_ERROR = 'app/SalePage/CLEAR_SEND_MESSAGE_ERROR';
// ================ Reducer ================ //
const initialState = {
@ -37,6 +42,8 @@ const initialState = {
fetchMessagesInProgress: false,
fetchMessagesError: null,
messages: [],
sendMessageInProgress: false,
sendMessageError: null,
};
export default function checkoutPageReducer(state = initialState, action = {}) {
@ -73,6 +80,15 @@ export default function checkoutPageReducer(state = initialState, action = {}) {
case FETCH_MESSAGES_ERROR:
return { ...state, fetchMessagesInProgress: false, fetchMessagesError: payload };
case SEND_MESSAGE_REQUEST:
return { ...state, sendMessageInProgress: true, sendMessageError: null };
case SEND_MESSAGE_SUCCESS:
return { ...state, sendMessageInProgress: false };
case SEND_MESSAGE_ERROR:
return { ...state, sendMessageInProgress: false, sendMessageError: payload };
case CLEAR_SEND_MESSAGE_ERROR:
return { ...state, sendMessageError: null };
default:
return state;
}
@ -102,6 +118,11 @@ const fetchMessagesRequest = () => ({ type: FETCH_MESSAGES_REQUEST });
const fetchMessagesSuccess = messages => ({ type: FETCH_MESSAGES_SUCCESS, payload: messages });
const fetchMessagesError = e => ({ type: FETCH_MESSAGES_ERROR, error: true, payload: e });
const sendMessageRequest = () => ({ type: SEND_MESSAGE_REQUEST });
const sendMessageSuccess = () => ({ type: SEND_MESSAGE_SUCCESS });
const sendMessageError = e => ({ type: SEND_MESSAGE_ERROR, error: true, payload: e });
const clearSendMessageError = () => ({ type: CLEAR_SEND_MESSAGE_ERROR });
// ================ Thunks ================ //
const listingRelationship = txResponse => {
@ -208,7 +229,7 @@ export const fetchMessages = txId => (dispatch, getState, sdk) => {
dispatch(fetchMessagesSuccess(denormalized));
})
.catch(e => {
dispatch(fetchMessagesError(e));
dispatch(fetchMessagesError(storableError(e)));
throw e;
});
};
@ -218,6 +239,31 @@ export const fetchMessages = txId => (dispatch, getState, sdk) => {
export const loadData = params => dispatch => {
const saleId = new types.UUID(params.id);
// Clear the send error since the message form is emptied as well.
dispatch(clearSendMessageError());
// Sale (i.e. transaction entity in API, but from buyers perspective) contains sale details
return Promise.all([dispatch(fetchSale(saleId)), dispatch(fetchMessages(saleId))]);
};
export const sendMessage = (saleId, message) => (dispatch, getState, sdk) => {
dispatch(sendMessageRequest());
return sdk.messages
.send({ transactionId: saleId, content: message })
.then(response => {
const messageId = response.data.data.id;
return dispatch(fetchMessages(saleId))
.then(() => {
dispatch(sendMessageSuccess());
return messageId;
})
.catch(() => dispatch(sendMessageSuccess()));
})
.catch(e => {
dispatch(sendMessageError(storableError(e)));
// Rethrow so the page can track whether the sending failed, and
// keep the message in the form for a retry.
throw e;
});
};