From 7cb0ec35f67e43748c79d7735f2314849140394a Mon Sep 17 00:00:00 2001
From: Matthew Dillon <matthewrdillon@gmail.com>
Date: Mon, 22 Jun 2020 19:26:13 -0700
Subject: [PATCH] IMP: remove flash messages (#20)

Fixes #13
---
 lib/planner_web/templates/layout/app.html.eex   |  2 ++
 lib/planner_web/templates/layout/live.html.leex | 14 ++++++++------
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/lib/planner_web/templates/layout/app.html.eex b/lib/planner_web/templates/layout/app.html.eex
index cf5e232..f5601e0 100644
--- a/lib/planner_web/templates/layout/app.html.eex
+++ b/lib/planner_web/templates/layout/app.html.eex
@@ -1,12 +1,14 @@
 <main role="main" class="container">
   <%= if not is_nil(get_flash(@conn, :info)) do %>
     <p class="notification is-info" role="alert">
+      <button class="delete" onclick="this.parentNode.remove();"></button>
       <%= get_flash(@conn, :info) %>
     </p>
   <% end %>
 
   <%= if not is_nil(get_flash(@conn, :error)) do %>
     <p class="notification is-danger" role="alert">
+      <button class="delete" onclick="this.parentNode.remove();"></button>
       <%= get_flash(@conn, :error) %>
     </p>
   <% end %>
diff --git a/lib/planner_web/templates/layout/live.html.leex b/lib/planner_web/templates/layout/live.html.leex
index 3d96e4d..17554b5 100644
--- a/lib/planner_web/templates/layout/live.html.leex
+++ b/lib/planner_web/templates/layout/live.html.leex
@@ -1,14 +1,16 @@
 <main role="main" class="container">
   <%= if live_flash(@flash, :info) do %>
-    <p class="alert alert-info" role="alert"
-      phx-click="lv:clear-flash"
-      phx-value-key="info"><%= live_flash(@flash, :info) %></p>
+    <p class="alert alert-info" role="alert" phx-click="lv:clear-flash" phx-value-key="info">
+      <button class="delete" onclick="this.parentNode.remove();"></button>
+      <%= live_flash(@flash, :info) %>
+    </p>
   <% end %>
 
   <%= if live_flash(@flash, :error) do %>
-    <p class="alert alert-danger" role="alert"
-      phx-click="lv:clear-flash"
-      phx-value-key="error"><%= live_flash(@flash, :error) %></p>
+    <p class="alert alert-danger" role="alert" phx-click="lv:clear-flash" phx-value-key="error">
+      <button class="delete" onclick="this.parentNode.remove();"></button>
+      <%= live_flash(@flash, :error) %>
+    </p>
   <% end %>
 
   <%= @inner_content %>