From aec07b943871f806be5b01ab351392a0a77c21be Mon Sep 17 00:00:00 2001
From: Michael Bumann <hello@michaelbumann.com>
Date: Thu, 30 Apr 2020 15:31:36 +0200
Subject: [PATCH] Cleanup

---
 app/javascript/contact_us_form.js | 20 +++++++++++---------
 app/views/home/index.html.erb     | 19 +++++++++++--------
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/app/javascript/contact_us_form.js b/app/javascript/contact_us_form.js
index 6dcd401..5ae9f14 100644
--- a/app/javascript/contact_us_form.js
+++ b/app/javascript/contact_us_form.js
@@ -1,12 +1,14 @@
 document.addEventListener("turbolinks:load", function () {
-    var form = document.getElementById('contact-us-form');
-    form.addEventListener('submit', function (e) {
-        document.getElementById("contact-us-form-submit-button").classList.add('is-hidden');
-        document.getElementById("contact-us-form-loading-state").classList.remove('is-hidden');
-    });
+  var form = document.getElementById('contact-us-form');
+  if (!form) { return; }
 
-    form.addEventListener('tinyforms:submitted', function(e) {
-        form.classList.add('is-hidden');
-        document.getElementById("contact-us-form-success-message").classList.remove('is-hidden');
-    })
+  form.addEventListener('submit', function (e) {
+    document.getElementById("contact-us-form-submit-button").classList.add('is-hidden');
+    document.getElementById("contact-us-form-loading-state").classList.remove('is-hidden');
+  });
+
+  form.addEventListener('tinyforms:submitted', function(e) {
+    form.classList.add('is-hidden');
+    document.getElementById("contact-us-form-success-message").classList.remove('is-hidden');
+  });
 });
\ No newline at end of file
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 6f4362a..df33706 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -188,7 +188,7 @@
       <p class="paragraph">
         We are building tinyforms to make your work easier! Let us know what we can do for you.
       </p>
-      <form id="contact-us-form"  data-tinyforms="true" method=" POST"
+      <form id="contact-us-form" class="contact-form has-text-left" data-tinyforms="true" method="POST"
         action="https://tinyforms.herokuapp.com/s/mT4qT3SjGczmKpFhKXdw4YRW" enctype="multipart/form-data">
         <div class="columns is-centered">
           <div class="column is-one-third">
@@ -201,7 +201,7 @@
             <div class="field">
               <label class="label">Message</label>
               <div class="control">
-                <textarea class="textarea" name="message" placeholder="How can we help you?"></textarea>
+                <textarea class="textarea" name="message" required="true" placeholder="How can we help you?"></textarea>
               </div>
             </div>
             <div class="control has-text-centered">
@@ -211,13 +211,16 @@
           </div>
         </div>
       </form>
-        <div id="contact-us-form-success-message" class="columns is-centered is-hidden">
-          <div class="column is-one-third">
-            <h3 class="is-size-5">
-              Thank you for reaching out!
-            </h3>
-          </div>
+      <div id="contact-us-form-success-message" class="columns is-centered is-hidden">
+        <div class="column is-one-third">
+          <h3 class="title" style="margin-top:2em">
+            Thank you for reaching out!
+          </h3>
+          <p>
+            Btw. you just used a tinyform :)
+          </p>
         </div>
+      </div>
     </div>
   </section>
 </div>
\ No newline at end of file