41 lines
949 B
TypeScript
41 lines
949 B
TypeScript
import {
|
|
LumeIdentity,
|
|
LumeIdentityTrigger,
|
|
LumeDashboardTrigger,
|
|
LumeDashboard,
|
|
useLume,
|
|
LumeProvider,
|
|
} from "@lumeweb/sdk";
|
|
const Lume = () => {
|
|
const { isLoggedIn, ready } = useLume();
|
|
return (
|
|
<>
|
|
<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">
|
|
Login
|
|
</button>
|
|
)}
|
|
</LumeIdentityTrigger>
|
|
</LumeIdentity>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default function () {
|
|
return (
|
|
<LumeProvider>
|
|
<Lume />
|
|
</LumeProvider>
|
|
);
|
|
}
|