From 5415daebc5213a7316b2c1debd1d4546553d8c1e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ond=C5=99ej=20Syn=C3=A1=C4=8Dek?=
 <ondrejsynacek@fastmail.com>
Date: Fri, 25 Dec 2020 13:19:49 +0100
Subject: [PATCH] improvement: use original input value in case of error, clear
 input after submission

---
 lib/frontend/components/Input.svelte          | 12 ++++++++++--
 lib/frontend/components/InputContainer.svelte |  1 +
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/lib/frontend/components/Input.svelte b/lib/frontend/components/Input.svelte
index 7d9ca1b..76ef703 100644
--- a/lib/frontend/components/Input.svelte
+++ b/lib/frontend/components/Input.svelte
@@ -26,8 +26,10 @@
 
   export let error
   export let pending
+  export let pendingRequest
 
-  let value
+  let value = ''
+  $: value = error && pendingRequest && pendingRequest.url || ''
   let form
 
   let inputClasses = ''
@@ -44,6 +46,11 @@
     e.preventDefault()
 
     createEvent(value, { logger })
+    value = ''
+  }
+
+  const handleChange = (e) => {
+    value = e.currentTarget.value
   }
 </script>
 
@@ -54,10 +61,11 @@
     id="url"
     name="url"
     class={inputClasses}
-    bind:value={value}
     disabled={pending}
     placeholder="Paste / type FB event URL or event number..."
     title="Please insert Facebook Event URL / Number"
+    on:change={handleChange}
+    value={value}
   />
   <input
     id="submit"
diff --git a/lib/frontend/components/InputContainer.svelte b/lib/frontend/components/InputContainer.svelte
index 14bcad9..f0d75c2 100644
--- a/lib/frontend/components/InputContainer.svelte
+++ b/lib/frontend/components/InputContainer.svelte
@@ -13,6 +13,7 @@
 <div class="input-container">
   <Input
     {pending}
+    {pendingRequest}
     {error}
   />
   <Status