From 45632397f0250a8a849fd750717308f7bee1365c Mon Sep 17 00:00:00 2001
From: Derrick Hammer <derrick@derrickhammer.com>
Date: Thu, 12 Oct 2023 13:56:18 -0400
Subject: [PATCH] fix: revert and only render LumeIdentity when not logged in,
 and disable it when not inited

---
 src/components/Lume.tsx | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/Lume.tsx b/src/components/Lume.tsx
index a5e1a62..a33706b 100644
--- a/src/components/Lume.tsx
+++ b/src/components/Lume.tsx
@@ -8,22 +8,22 @@ import {
 export default function () {
   const { isLoggedIn, ready, inited } = useLume();
 
-  let loginDisabled = !inited || isLoggedIn;
-
   return (
     <>
-      <LumeIdentity>
-        <LumeIdentityTrigger asChild disabled={loginDisabled}>
-          {
-            <button
-              className="ml-2 w-full rounded-full bg-[hsl(113,49%,55%)] text-black disabled:pointer-events-none disabled:opacity-50"
-              disabled={loginDisabled}
-            >
-              Login
-            </button>
-          }
-        </LumeIdentityTrigger>
-      </LumeIdentity>
+      {!isLoggedIn && (
+        <LumeIdentity>
+          <LumeIdentityTrigger asChild disabled={!inited}>
+            {
+              <button
+                className="ml-2 w-full rounded-full bg-[hsl(113,49%,55%)] text-black disabled:pointer-events-none disabled:opacity-50"
+                disabled={!inited}
+              >
+                Login
+              </button>
+            }
+          </LumeIdentityTrigger>
+        </LumeIdentity>
+      )}
       {isLoggedIn && ready && <LumeDashboard />}
     </>
   );