jnsdls
787ed1531f
### TL;DR Refactored wallet NFT handling and improved font loading across the dashboard. ### What changed? - Updated `useWalletNFTs` hook to accept `chainId` as a parameter - Modified `NftsOwned` component to use contract chain ID - Refactored font loading in `layout.tsx` and `MiniPlayground.tsx` - Updated NFT data structures to use `id` instead of `tokenId` - Adjusted NFT card rendering to include chain ID and contract address - Modified Alchemy, Moralis, and SimpleHash NFT transformations ### How to test? 1. Test the wallet NFT fetching functionality with different chain IDs 2. Verify that NFT cards display correctly in the dashboard 3. Check font loading performance in various components 4. Ensure that NFT details are correctly displayed in listings and overview pages ### Why make this change? This change improves the consistency of NFT handling across the dashboard, enhances font loading performance, and provides better support for multi-chain NFT display. It also aligns the NFT data structure with the latest ThirdWeb SDK conventions, using `id` instead of `tokenId`. ---
thirdweb TypeScript SDK
All-in-one web3 SDK for Browser, Node and Mobile apps
Features
- Support for React & React-Native
- First party support for Embedded Wallets (social/email login)
- First party support for Account Abstraction
- Instant connection to any chain with RPC Edge integration
- Integrated IPFS upload/download
- UI Components for connection, transactions, nft rendering
- High level contract extensions for interacting with common standards
- Automatic ABI resolution
Library Comparison
| thirdweb | Wagmi + Viem | Ethers@6 | |
|---|---|---|---|
| Type safe contract API | ✅ | ✅ | ✅ |
| Type safe wallet API | ✅ | ✅ | ✅ |
| EVM utils | ✅ | ✅ | ✅ |
| RPC for any EVM | ✅ | ⚠️ public RPC only | ❌ |
| Automatic ABI Resolution | ✅ | ❌ | ❌ |
| IPFS Upload/Download | ✅ | ❌ | ❌ |
| Embedded wallet (email/ social login) | ✅ | ⚠️ via 3rd party | ❌ |
| Account abstraction (ERC4337) support | ✅ | ⚠️ via 3rd party | ❌ |
| Web3 wallet connectors | ✅ | ✅ | ❌ |
| Local wallet creation | ✅ | ✅ | ✅ |
| Auth (SIWE) | ✅ | ✅ | ❌ |
| Extensions functions for common standards | ✅ | ✅ | ❌ |
| React Hooks | ✅ | ✅ | ❌ |
| React UI components | ✅ | ❌ | ❌ |
| React Native Hooks | ✅ | ✅ | ❌ |
| React Native UI Components | ✅ | ❌ | ❌ |
Contributing
We welcome contributions from all developers regardless of experience level. If you are interested in contributing, please read our Contributing Guide to learn how the repo works, how to test your changes, and how to submit a pull request.
See our open source page for more information on our open-source bounties and program.
Additional Resources
Support
For help or feedback, please visit our support site
Security
If you believe you have found a security vulnerability in any of our packages, we kindly ask you not to open a public issue; and to disclose this to us by emailing [email protected].