Add growl notifications

[KipSigei]

Add growl notifications to notify users on completed actions or when errors occur

[moshthepitt]

This should be done in tandem with this one https://github.com/onaio/js-tools/issues/131

[HaseemUlHaq]

@KipSigei @moshthepitt As we are following ant design, and displaying Notification from there. reveal-frontend is using react-toastify for showing notifications.

[moshthepitt]

@KipSigei will give us the last word on this. However I think what we may want is a wrapper that can use both of these.

[KipSigei]

I suggest we stick with the ant notifications, We should build a wrapper around the antd notification component, and have it show success, error, info and warning messages.

[HaseemUlHaq]

@moshthepitt @KipSigei @dubdabasoduba In case of adding notification in Utils, we have to call the notification like this

Notification({ type: 'success', message: 'message here', description: 'description here', }); OR Notification('success', 'message here', 'description here');

And by default we have to use it like

notification.error({ message: 'Title', description: 'Description' });

Which doesn’t makes any difference

[moshthepitt]

Some thoughts:

• it would suck having to write 'success' hundreds of times in the repo. Could we have a wrapper that creates a success, error, info, etc notification? e.g. sendSuccessNotification
• is the "description" optional? I predict a number of cases won't have a clear cut description

[HaseemUlHaq]

@moshthepitt We can set message and description to default empty string if nothing is sent. In that case we have to create a separate utils for notifications like sendSuccessNotification('any title', 'any description') sendInfoNotification() sendWarningNotification() sendErrorNotification()