From 00515185cd029dc1eabb04c59e87868690bb8895 Mon Sep 17 00:00:00 2001
From: mikestefanello <mike.stefanello@gmail.com>
Date: Wed, 22 Dec 2021 14:56:51 -0500
Subject: [PATCH] Use alpine to dismiss flash messages.

---
 templates/components/messages.gohtml | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/templates/components/messages.gohtml b/templates/components/messages.gohtml
index 70c99c8..81bca54 100644
--- a/templates/components/messages.gohtml
+++ b/templates/components/messages.gohtml
@@ -14,7 +14,8 @@
 {{end}}
 
 {{define "message"}}
-    <article class="message is-{{.Type}}">
-        <div class="message-body">{{.Text}}</div>
-    </article>
+    <div class="notification is-light is-{{.Type}}" x-data="{show: true}" x-show="show">
+        <button class="delete" x-on:click="show = false"></button>
+        {{.Text}}
+    </div>
 {{end}}
\ No newline at end of file