[EXC-25] get user info example (#2002)

immutable · Jul 23, 2024 · 12770a8 · 12770a8
1 parent b562f3d
commit 12770a8
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/examples/passport/identity/src/app/page.tsx b/examples/passport/identity/src/app/page.tsx
@@ -12,6 +12,7 @@ export default function Home() {
     getIdToken,
     getAccessToken,
     getLinkedAddresses,
+    getUserInfo,
   } = usePassport();
 
   return (
@@ -66,6 +67,12 @@ export default function Home() {
         >
           Get Linked Addresses
         </button>
+        <button
+          className="bg-black text-white py-2 px-4 rounded hover:bg-gray-800"
+          onClick={getUserInfo}
+        >
+          Get User Info
+        </button>
       </div>
     </div>
   );

diff --git a/examples/passport/identity/src/context/passport.tsx b/examples/passport/identity/src/context/passport.tsx
@@ -15,6 +15,7 @@ type PassportContextType = {
   getIdToken?: () => void;
   getAccessToken?: () => void;
   getLinkedAddresses?: () => void;
+  getUserInfo?: () => void;
 };
 
 const PassportContext = createContext<PassportContextType>({});
@@ -123,6 +124,14 @@ export const PassportProvider = ({ children }: { children: ReactNode }) => {
     window.alert("linkedAddresses: " + linkedAddresses);
   }, [passportInstance]);
 
+  const getUserInfo = useCallback(async () => {
+    if (!passportInstance) return;
+    // #doc passport-get-user-info
+    const userProfile = await passportInstance.getUserInfo();
+    // #enddoc passport-get-user-info
+    window.alert("userProfile: " + JSON.stringify(userProfile));
+  }, [passportInstance]);
+
   return (
     <PassportContext.Provider
       value={{
@@ -136,6 +145,7 @@ export const PassportProvider = ({ children }: { children: ReactNode }) => {
         getIdToken,
         getAccessToken,
         getLinkedAddresses,
+        getUserInfo,
       }}
     >
       {children}