From b0774f1924d6442bf0d6ef597bfcaf054972b6e6 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 26 Oct 2022 15:44:35 -0700
Subject: regular pin input for now

---
 src/components/Pin.svelte | 20 ++++----------------
 1 file changed, 4 insertions(+), 16 deletions(-)

(limited to 'src/components/Pin.svelte')

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"
-- 
cgit v1.2.3