From 988748899e8a648db739a0e15c110a50a88a169b Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 4 Jun 2019 21:31:43 +0100
Subject: [PATCH] Display a confirmation message

---
 src/components/SessionForm.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/SessionForm.vue b/src/components/SessionForm.vue
index 65c5491..25309f5 100644
--- a/src/components/SessionForm.vue
+++ b/src/components/SessionForm.vue
@@ -2,6 +2,12 @@
   <section class="mt-8">
     <h3 class="text-2xl font-semibold mb-4">Submit a Session</h3>
 
+    <div v-if="messages.length" class="bg-green-100 border border-green-300 p-4 mb-6">
+      <ul class="list-disc list-inside ml-3">
+        <li v-for="message in messages" :key="message">{{ message }}</li>
+      </ul>
+    </div>
+
     <div v-if="errors.length" class="bg-red-100 border border-red-300 p-4 mb-6">
       <ul class="list-disc list-inside ml-3">
         <li v-for="error in errors" :key="error.detail">{{ error.detail }}</li>
@@ -36,7 +42,8 @@ export default {
         field_session_status: 'accepted',
         field_session_type: 'full',
         title: ''
-      }
+      },
+      messages: []
     }
   },
 
@@ -68,7 +75,10 @@ export default {
           'Content-Type': 'application/vnd.api+json'
         }
       })
-        .then(response => {
+        .then(({ data }) => {
+          const title = data.data.attributes.title
+          this.messages.push(`Session ${title} has been created.`)
+
           this.form.body = ''
           this.form.title = ''
         })