From 4fc6687af1bd60a1f6770bc25fcfb337f171e152 Mon Sep 17 00:00:00 2001 From: Juan Di Toro Date: Tue, 10 Oct 2023 16:51:24 +0200 Subject: [PATCH] fix: improved UX --- src/components/Lume.tsx | 43 ++++++++++++++++++++++++++++++++++------- src/pages/index.astro | 13 ++++++++----- 2 files changed, 44 insertions(+), 12 deletions(-) diff --git a/src/components/Lume.tsx b/src/components/Lume.tsx index e09f4fc..ce308d1 100644 --- a/src/components/Lume.tsx +++ b/src/components/Lume.tsx @@ -1,12 +1,41 @@ -import { LumeIdentity, LumeDashboard, LumeProvider } from "@lumeweb/sdk"; +import { + LumeIdentity, + LumeIdentityTrigger, + LumeDashboardTrigger, + LumeDashboard, + useLume, + LumeProvider, +} from "@lumeweb/sdk"; + +const Lume = () => { + const { isLoggedIn } = useLume(); + return ( + <> + + + {!isLoggedIn ? ( + + + + + + ) : ( + + )} + + + + ); +}; export default function () { return ( - <> - - - - - + + + ); } diff --git a/src/pages/index.astro b/src/pages/index.astro index 241a8fd..4cc3a95 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,6 +1,6 @@ --- -import "@/styles/globals.scss"; import "@lumeweb/sdk/lib/style.css"; +import "@/styles/globals.scss"; import ArrowSvg from "@/components/Arrow"; import Lume from "../components/Lume"; --- @@ -15,18 +15,21 @@ import Lume from "../components/Lume";
-
+
- +
+
+ +