docs: Update Identity component preview

.changeset/spotty-wasps-warn.md

@@ -0,0 +1,5 @@
+---
+'@coinbase/onchainkit': patch
+---
+
+-**docs**: Updated `Identity` component preview. By @cpcramer #1717

site/docs/components/landing/ComponentPreview.tsx

@@ -8,7 +8,7 @@ import { getHighlightedCode } from './getHighlightedCode.tsx';
 // Demo components and code snippets
 import CheckoutDemo, { checkoutDemoCode } from './CheckoutDemo.tsx';
 import FundDemo, { fundDemoCode } from './FundDemo.tsx';
-import IdentityDemo, { identityDemoCode } from './IdentityDemo.tsx';
+import IdentityCardDemo, { identityCardDemoCode } from './IdentityCardDemo.tsx';
 import NftMintCardDemo, { nftMintCardDemoCode } from './NftMintCardDemo.tsx';
 import SwapDemo, { swapDemoCode } from './SwapDemo.tsx';
 import TransactionDemo, { transactionDemoCode } from './TransactionDemo.tsx';
@@ -60,11 +60,11 @@ const components: Component[] = [
     description: 'Fund wallets with a debit card or a coinbase account.',
   },
   {
-    name: 'Identity',
-    component: IdentityDemo,
-    code: identityDemoCode,
+    name: 'Identity Card',
+    component: IdentityCardDemo,
+    code: identityCardDemoCode,
     description:
-      'Display the Basename, avatar, and address associated with a wallet.',
+      'Display the Basename, avatar, address, and social media links associated with a wallet.',
   },
 ];
 

site/docs/components/landing/IdentityCardDemo.tsx

@@ -0,0 +1,33 @@
+import { IdentityCard } from '@coinbase/onchainkit/identity';
+import { base } from 'viem/chains';
+import App from '../App.tsx';
+
+export const identityCardDemoCode = `
+  import { IdentityCard } from '@coinbase/onchainkit/identity';
+  import { base } from 'viem/chains';
+
+  function IdentityCardDemo() {
+    return (
+      <IdentityCard
+        address="0x849151d7D0bF1F34b70d5caD5149D28CC2308bf1"
+        chain={base}
+        schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
+      />
+    )
+  }
+`;
+
+function IdentityCardDemo() {
+  return (
+    <App>
+      <IdentityCard
+        address="0x849151d7D0bF1F34b70d5caD5149D28CC2308bf1"
+        chain={base}
+        schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
+        className="rounded-lg bg-gray-100 px-4 py-2 dark:bg-gray-900"
+      />
+    </App>
+  );
+}
+
+export default IdentityCardDemo;