From c1b72074ea37356ce703a28244532238cc193e7a Mon Sep 17 00:00:00 2001
From: Matthew Dillon <matthewrdillon@gmail.com>
Date: Mon, 22 Jun 2020 21:00:47 -0700
Subject: [PATCH] BUG: clear liveview (#22)

Fixes #18
---
 lib/planner_web/live/landing_live.ex            | 7 +++++--
 lib/planner_web/templates/layout/live.html.leex | 8 ++++----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/lib/planner_web/live/landing_live.ex b/lib/planner_web/live/landing_live.ex
index 65ee380..2d8c79b 100644
--- a/lib/planner_web/live/landing_live.ex
+++ b/lib/planner_web/live/landing_live.ex
@@ -10,6 +10,7 @@ defmodule PlannerWeb.LandingLive do
   def mount(_params, _session, socket) do
     socket =
       socket
+      |> clear_flash(:info)
       |> assign(:new_task_changeset, Tasks.change_task(%Task{}))
 
     {:ok, socket}
@@ -32,10 +33,12 @@ defmodule PlannerWeb.LandingLive do
 
   def handle_event("save_new_task", %{"task" => task_params}, socket) do
     case Tasks.add_task(task_params) do
-      {:ok, _task} ->
+      {:ok, task} ->
         {:noreply,
          socket
-         |> put_flash(:info, "task created")}
+         |> clear_flash(:info)
+         |> put_flash(:info, "task '" <> task.value <> "' created")
+         |> assign(:new_task_changeset, Tasks.change_task(%Task{}))}
 
       {:error, %Ecto.Changeset{} = changeset} ->
         {:noreply,
diff --git a/lib/planner_web/templates/layout/live.html.leex b/lib/planner_web/templates/layout/live.html.leex
index 17554b5..d076b46 100644
--- a/lib/planner_web/templates/layout/live.html.leex
+++ b/lib/planner_web/templates/layout/live.html.leex
@@ -1,14 +1,14 @@
 <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">
-      <button class="delete" onclick="this.parentNode.remove();"></button>
+    <p class="notification is-info" role="alert" phx-click="lv:clear-flash" phx-value-key="info">
+      <button class="delete" phx-click="lv:clear-flash" phx-value-key="info"></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">
-      <button class="delete" onclick="this.parentNode.remove();"></button>
+    <p class="notification is-danger" role="alert" phx-click="lv:clear-flash" phx-value-key="error">
+      <button class="delete" phx-click="lv:clear-flash" phx-value-key="error"></button>
       <%= live_flash(@flash, :error) %>
     </p>
   <% end %>