yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-25 16:29:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add toast notification in case of error

Browse Source 
Signed-off-by: soupette <cyril@strapi.io>
This commit is contained in:
soupette 2021-09-28 08:33:40 +02:00
parent 6f2dfac689
commit 5078b041e8
4 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/core/admin/admin/src/components/Notifications/Notification/index.js
View File

@ -6,7 +6,7 @@ import { Link } from '@strapi/parts/Link';
const Notification = ({ dispatch, notification }) => {
const { formatMessage } = useIntl();
const { message, link, type, id, onClose, timeout, blockTransition } = notification;
const { message, link, type, id, onClose, timeout, blockTransition, title } = notification;
const formattedMessage = msg => (typeof msg === 'string' ? msg : formatMessage(msg, msg.values));
const handleClose = useCallback(() => {
@ -56,6 +56,10 @@ const Notification = ({ dispatch, notification }) => {
variant = 'success';
}
if (title) {
alertTitle = title;
}
return (
<Alert
action={
@ -93,6 +97,7 @@ Notification.defaultProps = {
},
onClose: () => null,
timeout: 2500,
title: null,
blockTransition: false,
},
};
@ -121,6 +126,7 @@ Notification.propTypes = {
}),
]).isRequired,
}),
title: PropTypes.string,
type: PropTypes.string,
onClose: PropTypes.func,
timeout: PropTypes.number,

1
packages/core/admin/admin/src/components/Notifications/reducer.js
View File

@ -14,6 +14,7 @@ const notificationReducer = (state = initialState, action) =>
draftState.notifications.push({
// No action.config spread to limit the notification API and avoid customization
id: state.notifId,
title: action.config.title || null,
type: get(action, ['config', 'type'], 'success'),
message: get(action, ['config', 'message'], {
id: 'notification.success.saved',

1
packages/core/admin/admin/src/components/Notifications/tests/reducer.test.js
View File

@ -30,6 +30,7 @@ describe('ADMIN | COMPONENTS | NOTIFICATIONS | reducer', () => {
notifications: [
{
id: 0,
title: null,
type: 'success',
message: { id: 'notification.message' },
link: null,

18
packages/core/admin/admin/src/content-manager/components/EditViewDataManagerProvider/index.js
View File

@ -304,6 +304,13 @@ const EditViewDataManagerProvider = ({
console.error(err);
errors = getYupInnerErrors(err);
const firstError = Object.keys(errors)[0];
toggleNotification({
type: 'warning',
title: `${firstError}:`,
message: errors[firstError],
});
}
dispatch({
@ -311,7 +318,16 @@ const EditViewDataManagerProvider = ({
errors,
});
},
[createFormData, isCreatingEntry, modifiedData, onPost, onPut, trackerProperty, yupSchema]
[
createFormData,
isCreatingEntry,
modifiedData,
onPost,
onPut,
toggleNotification,
trackerProperty,
yupSchema,
]
);
const handlePublish = useCallback(async () => {