From 1f114bfc525ea0fa94026d81ca2457c7e881ca7b Mon Sep 17 00:00:00 2001
From: Matthew Aaron Raymer <matthew.raymer@anomalistdesign.com>
Date: Mon, 6 Feb 2023 18:51:50 +0800
Subject: [PATCH] Stub for message dialog

---
 src/views/NewEditProjectView.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 43aa29a79..82a290978 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -54,6 +54,11 @@
       </button>
     </div>
   </section>
+  <div class="hidden dismissable-alert bg-slate-100 p-5 rounded drop-shadow-lg absolute top-3 inset-x-3 transition-transform ease-in duration-300">
+    <button class="close-button bg-slate-200 w-8 leading-loose rounded-full absolute top-2 right-2"><i class="fa-solid fa-xmark"></i></button>
+    <h4 class="font-bold pr-5">{{ alertTitle }}</h4>
+    <p>{{ alertMessage }}</p>
+  </div>
 </template>
 
 <script lang="ts">
@@ -81,6 +86,8 @@ export default class NewEditProjectView extends Vue {
   projectName = "";
   description = "";
   errorMessage = "";
+  alertTitle = "";
+  alertMessage = "";
 
   projectId = localStorage.getItem("projectId") || "";