improvement: use original input value in case of error, clear input

after submission
This commit is contained in:
Ondřej Synáček 2020-12-25 13:19:49 +01:00
parent c27b91cd06
commit 5415daebc5
2 changed files with 11 additions and 2 deletions

View File

@ -26,8 +26,10 @@
export let error export let error
export let pending export let pending
export let pendingRequest
let value let value = ''
$: value = error && pendingRequest && pendingRequest.url || ''
let form let form
let inputClasses = '' let inputClasses = ''
@ -44,6 +46,11 @@
e.preventDefault() e.preventDefault()
createEvent(value, { logger }) createEvent(value, { logger })
value = ''
}
const handleChange = (e) => {
value = e.currentTarget.value
} }
</script> </script>
@ -54,10 +61,11 @@
id="url" id="url"
name="url" name="url"
class={inputClasses} class={inputClasses}
bind:value={value}
disabled={pending} disabled={pending}
placeholder="Paste / type FB event URL or event number..." placeholder="Paste / type FB event URL or event number..."
title="Please insert Facebook Event URL / Number" title="Please insert Facebook Event URL / Number"
on:change={handleChange}
value={value}
/> />
<input <input
id="submit" id="submit"

View File

@ -13,6 +13,7 @@
<div class="input-container"> <div class="input-container">
<Input <Input
{pending} {pending}
{pendingRequest}
{error} {error}
/> />
<Status <Status