From 10cb2d743fb17f6b92428bb1f96ab809bdb1b027 Mon Sep 17 00:00:00 2001
From: Filipe Medeiros <filipesilvamedeiros@gmail.com>
Date: Fri, 3 Dec 2021 18:19:05 +0000
Subject: [PATCH] fix: ask for pin on startup

---
 components/TopMenu.tsx |  4 ++--
 pages/index.tsx        | 22 +++++++++++++---------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/components/TopMenu.tsx b/components/TopMenu.tsx
index 2248856..f175ae7 100644
--- a/components/TopMenu.tsx
+++ b/components/TopMenu.tsx
@@ -145,7 +145,7 @@ const TopMenu: FC<Props> = () => {
               boxShadow: `${colors.coolGray[900]} 0px 2px 15px`,
             }}
           >
-            {!isiOS && (
+            {/* {!isiOS && (
               <li role="menuitem">
                 <button
                   disabled={!showPreferences}
@@ -164,7 +164,7 @@ const TopMenu: FC<Props> = () => {
                   <FingerPrintIcon className="h-full" />
                 </button>
               </li>
-            )}
+            )} */}
             <li role="menuitem">
               <button
                 disabled={!showPreferences}
diff --git a/pages/index.tsx b/pages/index.tsx
index 7afec71..7d0a154 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,16 +1,19 @@
+import { FingerPrintIcon } from '@heroicons/react/outline'
 import { useRouter } from 'next/dist/client/router'
 import { useEffect } from 'react'
 
-import PinPad from '../components/PinPad'
 import { checkBiometrics } from '../lib/biometrics'
-import { getPreference } from '../lib/db/preferences'
+import { usePreferences } from '../lib/context/preferencesContext'
 
 const Landing = () => {
   const { push } = useRouter()
+  const {
+    preferences: { biometricsAuth },
+  } = usePreferences()
 
   useEffect(() => {
     const auth = async () => {
-      if (await getPreference('biometricsAuth')) {
+      if (biometricsAuth) {
         try {
           await checkBiometrics()
           push('/dashboard')
@@ -18,14 +21,15 @@ const Landing = () => {
       }
     }
     auth()
-  }, [push])
+  }, [push, biometricsAuth])
 
   return (
-    <main className="flex flex-col items-center w-full h-full justify-evenly">
-      <header className="flex flex-col justify-center h-24">
-        <h1 className="text-4xl">welcome</h1>
-      </header>
-      <PinPad />
+    <main className="flex flex-col items-center w-full h-full">
+      <h1 className="text-4xl font-medium mb-16">welcome</h1>
+      <button className="p-3 dark:bg-gray-800 bg-purple-50 mb-3 rounded shadow hover:cursor-pointer">
+        <FingerPrintIcon className="h-16 text-gray-900 dark:text-purple-50" />
+      </button>
+      <h2>please sign in with your biometrics</h2>
     </main>
   )
 }