From 08db7623dbb3c89098334902284a71ebd3abf8c5 Mon Sep 17 00:00:00 2001
From: Derrick Hammer <derrick@derrickhammer.com>
Date: Thu, 12 Oct 2023 13:30:45 -0400
Subject: [PATCH] refactor: simplify button ux and only show dashboard when
 logged in and ready

---
 src/components/Lume.tsx | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/components/Lume.tsx b/src/components/Lume.tsx
index 2659709..9de8ad2 100644
--- a/src/components/Lume.tsx
+++ b/src/components/Lume.tsx
@@ -1,10 +1,8 @@
 import {
+  LumeDashboard,
   LumeIdentity,
   LumeIdentityTrigger,
-  LumeDashboardTrigger,
-  LumeDashboard,
   useLume,
-  LumeProvider,
 } from "@lumeweb/sdk";
 
 export default function () {
@@ -13,24 +11,17 @@ export default function () {
     <>
       <LumeIdentity>
         <LumeIdentityTrigger asChild disabled={!ready}>
-          {isLoggedIn ? (
-            <LumeDashboard>
-              <LumeDashboardTrigger asChild>
-                <button className="ml-2 w-full rounded-full bg-[hsl(113,49%,55%)] text-black">
-                  Check Status
-                </button>
-              </LumeDashboardTrigger>
-            </LumeDashboard>
-          ) : (
+          {
             <button
               className="ml-2 w-full rounded-full bg-[hsl(113,49%,55%)] text-black"
               disabled={!ready}
             >
               Login
             </button>
-          )}
+          }
         </LumeIdentityTrigger>
       </LumeIdentity>
+      {isLoggedIn && ready && <LumeDashboard />}
     </>
   );
 }