chore: Update Identity Demo in the playground (#1493)

coinbase · Oct 24, 2024 · 8c26a6a · 8c26a6a
1 parent b675cb9
commit 8c26a6a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/playground/nextjs-app-router/bun.lockb b/playground/nextjs-app-router/bun.lockb
diff --git a/playground/nextjs-app-router/components/demo/Identity.tsx b/playground/nextjs-app-router/components/demo/Identity.tsx
@@ -1,5 +1,7 @@
 import {
+  Address,
   Avatar,
+  Badge,
   Identity,
   Name,
   useAddress,
@@ -48,18 +50,24 @@ export default function IdentityDemo() {
                 Default Chain
               </h2>
               <div className="flex items-center space-x-4">
-                <Identity>
-                  <Avatar address={address} />
-                  <Name address={address} />
+                <Identity address={address}>
+                  <Avatar />
+                  <Name>
+                    <Badge />
+                  </Name>
+                  <Address />
                 </Identity>
               </div>
             </div>
             <div className="space-y-2">
               <h2 className="font-medium text-gray-500 text-sm">Base Chain</h2>
               <div className="flex items-center space-x-4">
-                <Identity>
-                  <Avatar address={address} chain={base} />
-                  <Name address={address} chain={base} />
+                <Identity address={address}>
+                  <Avatar chain={base} />
+                  <Name chain={base}>
+                    <Badge />
+                  </Name>
+                  <Address />
                 </Identity>
               </div>
             </div>

diff --git a/playground/nextjs-app-router/package.json b/playground/nextjs-app-router/package.json
@@ -14,7 +14,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@coinbase/onchainkit": "^0.34.0",
+    "@coinbase/onchainkit": "^0.35.0",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.1.0",