fix: revert and only render LumeIdentity when not logged in, and disable it when not inited
This commit is contained in:
parent
493d27c402
commit
45632397f0
|
@ -8,22 +8,22 @@ import {
|
|||
export default function () {
|
||||
const { isLoggedIn, ready, inited } = useLume();
|
||||
|
||||
let loginDisabled = !inited || isLoggedIn;
|
||||
|
||||
return (
|
||||
<>
|
||||
{!isLoggedIn && (
|
||||
<LumeIdentity>
|
||||
<LumeIdentityTrigger asChild disabled={loginDisabled}>
|
||||
<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={loginDisabled}
|
||||
disabled={!inited}
|
||||
>
|
||||
Login
|
||||
</button>
|
||||
}
|
||||
</LumeIdentityTrigger>
|
||||
</LumeIdentity>
|
||||
)}
|
||||
{isLoggedIn && ready && <LumeDashboard />}
|
||||
</>
|
||||
);
|
||||
|
|
Loading…
Reference in New Issue