2019-02-10 14:28:29 -06:00
|
|
|
import { defineMessages } from 'react-intl';
|
|
|
|
|
|
|
|
const messages = defineMessages({
|
|
|
|
unexpectedTitle: { id: 'alert.unexpected.title', defaultMessage: 'Oops!' },
|
|
|
|
unexpectedMessage: { id: 'alert.unexpected.message', defaultMessage: 'An unexpected error occurred.' },
|
2019-08-27 09:50:39 -05:00
|
|
|
rateLimitedTitle: { id: 'alert.rate_limited.title', defaultMessage: 'Rate limited' },
|
|
|
|
rateLimitedMessage: { id: 'alert.rate_limited.message', defaultMessage: 'Please retry after {retry_time, time, medium}.' },
|
2019-02-10 14:28:29 -06:00
|
|
|
});
|
|
|
|
|
2016-11-20 12:39:18 -06:00
|
|
|
export const ALERT_SHOW = 'ALERT_SHOW';
|
|
|
|
export const ALERT_DISMISS = 'ALERT_DISMISS';
|
|
|
|
export const ALERT_CLEAR = 'ALERT_CLEAR';
|
2019-06-10 19:26:37 -05:00
|
|
|
export const ALERT_NOOP = 'ALERT_NOOP';
|
2016-11-20 12:39:18 -06:00
|
|
|
|
|
|
|
export function dismissAlert(alert) {
|
|
|
|
return {
|
|
|
|
type: ALERT_DISMISS,
|
2017-05-20 10:31:47 -05:00
|
|
|
alert,
|
2016-11-20 12:39:18 -06:00
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
export function clearAlert() {
|
|
|
|
return {
|
2017-05-20 10:31:47 -05:00
|
|
|
type: ALERT_CLEAR,
|
2016-11-20 12:39:18 -06:00
|
|
|
};
|
|
|
|
};
|
|
|
|
|
2019-08-27 09:50:39 -05:00
|
|
|
export function showAlert(title = messages.unexpectedTitle, message = messages.unexpectedMessage, message_values = undefined) {
|
2016-11-20 12:39:18 -06:00
|
|
|
return {
|
|
|
|
type: ALERT_SHOW,
|
|
|
|
title,
|
2017-05-20 10:31:47 -05:00
|
|
|
message,
|
2019-08-27 09:50:39 -05:00
|
|
|
message_values,
|
2016-11-20 12:39:18 -06:00
|
|
|
};
|
|
|
|
};
|
2019-02-10 14:28:29 -06:00
|
|
|
|
2020-03-28 11:59:45 -05:00
|
|
|
export function showAlertForError(error, skipNotFound = false) {
|
2019-02-10 14:28:29 -06:00
|
|
|
if (error.response) {
|
2019-08-27 09:50:39 -05:00
|
|
|
const { data, status, statusText, headers } = error.response;
|
2019-02-10 14:28:29 -06:00
|
|
|
|
2020-03-28 11:59:45 -05:00
|
|
|
if (skipNotFound && (status === 404 || status === 410)) {
|
2019-04-08 22:02:48 -05:00
|
|
|
// Skip these errors as they are reflected in the UI
|
2019-06-10 19:26:37 -05:00
|
|
|
return { type: ALERT_NOOP };
|
2019-04-08 22:02:48 -05:00
|
|
|
}
|
|
|
|
|
2019-08-27 09:50:39 -05:00
|
|
|
if (status === 429 && headers['x-ratelimit-reset']) {
|
|
|
|
const reset_date = new Date(headers['x-ratelimit-reset']);
|
|
|
|
return showAlert(messages.rateLimitedTitle, messages.rateLimitedMessage, { 'retry_time': reset_date });
|
|
|
|
}
|
|
|
|
|
2019-02-10 14:28:29 -06:00
|
|
|
let message = statusText;
|
|
|
|
let title = `${status}`;
|
|
|
|
|
|
|
|
if (data.error) {
|
|
|
|
message = data.error;
|
|
|
|
}
|
|
|
|
|
|
|
|
return showAlert(title, message);
|
|
|
|
} else {
|
|
|
|
console.error(error);
|
2019-02-10 14:35:04 -06:00
|
|
|
return showAlert();
|
2019-02-10 14:28:29 -06:00
|
|
|
}
|
|
|
|
}
|