Demonstrate role access (#14)

* Demonstrate role access

* Use latest version

Author: benoitgrelard

package-lock.json

@@ -14,7 +14,7 @@
   "dependencies": {
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/themes": "^2.0.1",
-    "@workos-inc/nextjs": "0.1.0",
+    "@workos-inc/nextjs": "0.2.0",
     "next": "14.1.3",
     "react": "^18",
     "react-dom": "^18"
@@ -28,7 +28,5 @@
     "relative-deps": "^1.0.7",
     "typescript": "^5"
   },
-  "relativeDependencies": {
-    
-  }
+  "relativeDependencies": {}
 }

package.json

@@ -2,14 +2,15 @@ import { getUser } from "@workos-inc/nextjs";
 import { Text, Heading, TextFieldInput, Flex, Box } from "@radix-ui/themes";
 
 export default async function AccountPage() {
-  const { user } = await getUser({ ensureSignedIn: true });
+  const { user, role } = await getUser({ ensureSignedIn: true });
 
   const userFields = [
     ["First name", user.firstName],
     ["Last name", user.lastName],
     ["Email", user.email],
+    role ? ["Role", role] : [],
     ["Id", user.id],
-  ];
+  ].filter((arr) => arr.length > 0);
 
   return (
     <>