From f6b97b9023155807a9855dc737181e2c236de5a8 Mon Sep 17 00:00:00 2001
From: Yuvraj Rathi <yrathi66@gmail.com>
Date: Sun, 17 Dec 2023 09:17:36 +0530
Subject: [PATCH] Update heex file

---
 .../live/create_gist_live.html.heex           | 51 +++++++++++--------
 1 file changed, 31 insertions(+), 20 deletions(-)

diff --git a/lib/elixir_gist_web/live/create_gist_live.html.heex b/lib/elixir_gist_web/live/create_gist_live.html.heex
index 7c3b1f5..84e494b 100644
--- a/lib/elixir_gist_web/live/create_gist_live.html.heex
+++ b/lib/elixir_gist_web/live/create_gist_live.html.heex
@@ -1,26 +1,37 @@
 <div class="em-gradient flex items-center justify-center">
   <h1 class="font-brand font-bold text-3xl text-white">
-    Share Elixir code, notes, and snippets.
+    Instantly share Elixir code, notes, and snippets.
   </h1>
 </div>
-<.form for={@form}>
-    <div class="justify center px-28 w-full space-y-4 mb-10">
-        <.input field={@form[:description]} placeholder="Gist description..." autocomplete="off" />
-        <div>
-          <div class="flex p-2 items-center bg-emDark rounded-t-md border">
-            <div class="w-[300px] mb-2">
-              <.input field={@form[:name]} placeholder="Filename including extension.." autocomplete="off"/>
-            </div>
-          </div>
-          <%=textarea(@form, :markup_text, 
-          class: "textarea w-full rounded-b-md", 
-          placeholder: "Insert Code..", 
-          spellcheck: "false", 
-          autocomplete: "off")%>    
-        </div>
-        <div class="flex justify-end">
-          <.button class="create_button">Create Gist</.button>
+<.form for={@form} phx-submit="create" phx-change="validate">
+  <div class="justify-center px-28 w-full space-y-4 mb-10">
+    <.input
+      field={@form[:description]}
+      placeholder="Gist description.."
+      autocomplete="off"
+      phx-debounce="blur"
+    />
+    <div>
+      <div class="flex p-2 items-center bg-emDark rounded-t-md border">
+        <div class="w-[300px] mb-2">
+          <.input
+            field={@form[:name]}
+            placeholder="Filename including extension..."
+            autocomplete="off"
+            phx-debounce="blur"
+          />
         </div>
+      </div>
+      <%= textarea(@form, :markup_text,
+        class: "textarea w-full rounded-b-md",
+        placeholder: "Insert code...",
+        spellcheck: "false",
+        autocomplete: "off",
+        phx_debounce: "blur"
+      ) %>
+    </div>
+    <div class="flex justify-end">
+      <.button class="create_button" phx-disable-with="Creating...">Create gist</.button>
     </div>
-
-</.form>
\ No newline at end of file
+  </div>
+</.form>