diff options
| author | Adam Soltys <[email protected]> | 2022-10-25 00:11:35 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-10-25 00:11:35 -0700 |
| commit | b1f81daaab3b04e8ae0b3e4edd4984aeade8098e (patch) | |
| tree | 97369f2a128b778a0344b7a6e7458de47eab9769 /src/components | |
| parent | 0e17224e71296cf6a0336c5a2e7340a3b63cd2dc (diff) | |
| download | coinos-ui-b1f81daaab3b04e8ae0b3e4edd4984aeade8098e.tar.gz coinos-ui-b1f81daaab3b04e8ae0b3e4edd4984aeade8098e.zip | |
send pin
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Pin.svelte | 6 |
1 files changed, 2 insertions, 4 deletions
diff --git a/src/components/Pin.svelte b/src/components/Pin.svelte index 3e5769b0..86e78ac1 100644 --- a/src/components/Pin.svelte +++ b/src/components/Pin.svelte @@ -2,11 +2,10 @@ import { tick } from "svelte"; import { pin } from '$lib/store'; import { Pincode, PincodeInput } from 'svelte-pincode'; - let complete = () => {}; let pinCode = []; let pinInput; - let submit, loading; + let loading; $: pinInput && tick().then(pinInput.focusFirstInput); $: pinCode.length > 5 && ($pin = pinCode.join('')); @@ -16,7 +15,7 @@ <div class="relative top-1/3 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white space-y-5"> <h1 class="text-center text-2xl font-semibold">Please enter your PIN</h1> <div class="text-center"> - <Pincode bind:complete bind:code={pinCode} bind:this={pinInput}> + <Pincode bind:code={pinCode} bind:this={pinInput}> <PincodeInput /> <PincodeInput /> <PincodeInput /> @@ -28,7 +27,6 @@ <div class="w-full flex"> <button - bind:this={submit} type="submit" class="border-2 border-black rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto" class:bg-black={loading} |