From e915848597337af589647e96ffb2971cce13676f Mon Sep 17 00:00:00 2001
From: Matteo Latini <mtylty@gmail.com>
Date: Tue, 23 May 2017 16:06:42 +0100
Subject: [PATCH] Improve style guide flash messages UX

Make flash messages in the style guide disappear when clicked upon and
avoid showing multiple flash messages of the same instance if clicked
multiple times.

Ref. #1958
---
 .../style_guide/topics/messaging/_flashes.html.erb | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/backend/app/views/spree/admin/style_guide/topics/messaging/_flashes.html.erb b/backend/app/views/spree/admin/style_guide/topics/messaging/_flashes.html.erb
index 91da22004b8..5dd45c22f87 100644
--- a/backend/app/views/spree/admin/style_guide/topics/messaging/_flashes.html.erb
+++ b/backend/app/views/spree/admin/style_guide/topics/messaging/_flashes.html.erb
@@ -5,9 +5,15 @@
 <script>
   $('.trigger-flash').on('click', function(){
     type = $(this).data('flashType');
-    flash = $("<div class='flash'>")
-      .text(type)
-      .addClass(type)
-      .appendTo('.js-flash-wrapper');
+
+    if (!$('.flash.' + type).is('*')) {
+      flash = $("<div class='flash'>")
+        .text(type)
+        .addClass(type)
+        .appendTo('.js-flash-wrapper')
+        .on('click', function() {
+          $(this).remove();
+        });
+    }
   });
 </script>