LumeWeb
/
web3browser.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: revert and only render LumeIdentity when not logged in, and disable it when not inited

This commit is contained in:
Derrick Hammer 2023-10-12 13:56:18 -04:00
parent 493d27c402
commit 45632397f0
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Lume.tsx
View File

@ -8,22 +8,22 @@ import {
export default function () { export default function () {
const { isLoggedIn, ready, inited } = useLume(); const { isLoggedIn, ready, inited } = useLume();
let loginDisabled = !inited || isLoggedIn;
return ( return (
<> <>
<LumeIdentity> {!isLoggedIn && (
<LumeIdentityTrigger asChild disabled={loginDisabled}> <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" <button
disabled={loginDisabled} 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> Login
} </button>
</LumeIdentityTrigger> }
</LumeIdentity> </LumeIdentityTrigger>
</LumeIdentity>
)}
{isLoggedIn && ready && <LumeDashboard />} {isLoggedIn && ready && <LumeDashboard />}
</> </>
); );