TD-1359: chore: add login callback to checkout sample app. (#1816)

immutable · May 22, 2024 · 8d42ebf · 8d42ebf
1 parent 0cb6607
commit 8d42ebf
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/packages/checkout/sdk-sample-app/src/components/PassportLoginCallback.tsx b/packages/checkout/sdk-sample-app/src/components/PassportLoginCallback.tsx
@@ -0,0 +1,9 @@
+import { useEffect } from "react";
+import { passport } from "../passport";
+
+export function PassportLoginCallback() {
+  useEffect(() => {
+      passport?.loginCallback();
+  }, [passport])
+  return(<></>);
+}
diff --git a/packages/checkout/sdk-sample-app/src/index.tsx b/packages/checkout/sdk-sample-app/src/index.tsx
@@ -8,6 +8,9 @@ import ConnectWidget from './pages/ConnectWidget';
 import { onLightBase } from '@biom3/design-tokens';
 import { BiomeCombinedProviders, Box } from '@biom3/react';
 import SmartCheckout from './pages/SmartCheckout';
+import {
+  PassportLoginCallback
+} from "./components/PassportLoginCallback";
 
 const router = createBrowserRouter([
   {
@@ -22,6 +25,10 @@ const router = createBrowserRouter([
     path: '/smart-checkout',
     element: <SmartCheckout />,
   },
+  {
+    path: '/login/callback',
+    element: <PassportLoginCallback />
+  },
 ]);
 
 const root = ReactDOM.createRoot(