From 8c6bd0ddee05edec75e2667635a66d5e55811ed3 Mon Sep 17 00:00:00 2001
From: huyndo <huy.nguyen@dapperlabs.com>
Date: Thu, 3 Nov 2022 11:35:19 -0700
Subject: [PATCH] Add UI block to discovery login

---
 pages/index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index d3d8fce..8e1364b 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -27,14 +27,14 @@ export default function Home() {
   const renderCommand = d => {
     return (
       <li key={d.LABEL}>
-        <button onClick={() => clickHandler(d)}>{d.LABEL}</button>
+        <button onClick={() => clickHandler(d.CMD)}>{d.LABEL}</button>
       </li>
     )
   }
 
-  async function clickHandler(d) {
+  async function clickHandler(fn, args = null) {
     setIsLoading(true)
-    await d.CMD()
+    await fn(args)
     setIsLoading(false)
   }
 
@@ -83,7 +83,7 @@ export default function Home() {
               width={25}
               height={25}
             />
-            <button onClick={() => fcl.authenticate({ service })}>
+            <button onClick={() => clickHandler(fcl.authenticate, { service })}>
               Login with {service.provider.name}
             </button>
           </span>