Skip to content
This repository has been archived by the owner on Apr 15, 2019. It is now read-only.

Setup React toaster - Closes #486 #519

Merged
merged 10 commits into from
Aug 2, 2017
Merged

Setup React toaster - Closes #486 #519

merged 10 commits into from
Aug 2, 2017

Conversation

slaweet
Copy link
Contributor

@slaweet slaweet commented Jul 26, 2017

Closes #486
But not using react-redux-toaser.
Instead, using http://react-toolbox.com/#/components/snackbar because we are already using react toolbox so there's no point in adding another library.

@slaweet slaweet added the update label Jul 26, 2017
@slaweet slaweet self-assigned this Jul 26, 2017
@slaweet slaweet requested a review from reyraa July 26, 2017 14:59
* An action to dispatch to hide a toast
*
*/
export const toastHidden = () => ({
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This doesn't handle multiple toast. we're using toasts to notify user about many changes, like sign message and network status changes. There's a good chance we'll need to show multiple - 2 is more realistic - toasts at the same time.
Please change this to include id and tweak other parts of code accordingly.
thanks

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Toasts are by material design specs limited to one.

"They should not be persistent or be stacked, as they are above other elements on screen."
http://www.google.com/design/spec/components/snackbars-toasts.html#snackbars-toasts-usage

In Angular Material, it wasn't possible to stack them either.

@slaweet slaweet deleted the 486-toaster branch August 21, 2017 07:26
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants