diff options
| author | Adam Soltys <[email protected]> | 2022-10-26 15:44:35 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-10-26 15:44:35 -0700 |
| commit | c74b2a1fb9ad69ffcb9a0c0e2aa2931a98b22146 (patch) | |
| tree | b27d0d1a86ff5d75879e16aeed216f68d4ccc117 /src/components | |
| parent | 972a6f8e3724fc5f72f6b974e09982b6ad11e662 (diff) | |
| download | coinos-ui-c74b2a1fb9ad69ffcb9a0c0e2aa2931a98b22146.tar.gz coinos-ui-c74b2a1fb9ad69ffcb9a0c0e2aa2931a98b22146.zip | |
regular pin input for now
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Pin.svelte | 20 |
1 files changed, 4 insertions, 16 deletions
diff --git a/src/components/Pin.svelte b/src/components/Pin.svelte index 854b9de0..288a7928 100644 --- a/src/components/Pin.svelte +++ b/src/components/Pin.svelte @@ -1,28 +1,16 @@ <script> - import { tick } from 'svelte'; import { pin } from '$lib/store'; - import { Pincode, PincodeInput } from 'svelte-pincode'; - let pinCode = []; + let pinCode = ''; let pinInput; - $: pinCode && pinInput && tick().then(pinInput && pinInput.focusNextEmptyInput()); - $: pinCode.length > 5 && ($pin = pinCode.join('')); + $: console.log(pinCode.length); + $: pinCode.length > 5 && ($pin = pinCode); </script> <div class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-20"> <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:code={pinCode} bind:this={pinInput}> - <PincodeInput /> - <PincodeInput /> - <PincodeInput /> - <PincodeInput /> - <PincodeInput /> - <PincodeInput /> - </Pincode> - </div> - + <input bind:value={pinCode} /> <div class="w-full flex"> <button type="submit" |