feat: nfts by account component

code100x · Apr 3, 2024 · 58db603 · 58db603
1 parent 0a652dc
commit 58db603
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 13 deletions.
diff --git a/apps/www/config/docs.ts b/apps/www/config/docs.ts
@@ -76,11 +76,11 @@ export const docsConfig: DocsConfig = {
           href: "/docs/cli",
           items: [],
         },
-        {
-          title: "Typography",
-          href: "/docs/components/typography",
-          items: [],
-        },
+        // {
+        //   title: "Typography",
+        //   href: "/docs/components/typography",
+        //   items: [],
+        // },
         // {
         //   title: "Figma",
         //   href: "/docs/figma",

diff --git a/apps/www/content/docs/changelog.mdx b/apps/www/content/docs/changelog.mdx
@@ -4,18 +4,27 @@ description: Latest updates and announcements.
 toc: false
 ---
 
-## March 2024 - NftCard and Collection
+#### March 2024 - Component Updates
 
-We've added a new Breadcrumb component and an Input OTP component.
+This month, we are excited to introduce two new components to our UI library: `NftCard` and `NftsByAccount` (previously referred to as Collection). These additions aim to enhance the way NFTs are displayed and interacted with in your projects.
 
-### Breadcrumb
+### NftCard
 
-An accessible and flexible breadcrumb component. It has support for collapsed items, custom separators, bring-your-own routing `<Link />` and composable with other code100x/ui components.
+The `NftCard` component is designed to showcase NFT metadata, including images, names, and collection details, in a card format. This component makes it easier for developers to integrate NFT displays into their applications with customizable options for theming and layout.
 
 <ComponentPreview name="nft-card-demo" />
 
 [See more examples](/docs/components/nft-card)
 
-### Thank you
+### NftsByAccount
+
+Following the `NftCard`, the `NftsByAccount` component allows for the dynamic display of NFTs associated with a specific account address. This component supports pagination, filtering by collection names, and theming, providing a comprehensive solution for displaying user or account-specific NFT collections.
+
+<ComponentPreview name="nfts-by-account-demo" />
+
+[See more examples](/docs/components/nfts-by-account)
+
+### Acknowledgments
+
+We want to extend our deepest gratitude to all the developers, designers, and contributors who have been involved with this project. Your feedback, contributions, and support have been invaluable. Thank you for helping us make this project better for everyone in the community. 🙏
 
-I'd like to thank everyone who has been using this project, providing feedback and contributing to it. I really appreciate it. Thank you 🙏
diff --git a/apps/www/content/docs/components/collection-stats.mdx b/apps/www/content/docs/components/collection-stats.mdx
@@ -1,6 +1,6 @@
 ---
-title: Collection Showcase
-description: Displays a dynamic collection of NFT cards, highlighting key metadata such as images, names, and details from a specified collection. This component is designed to interact with blockchain data to render NFTs dynamically, supporting pagination for efficient browsing.
+title: Collection Stats Showcase
+description: Displays collection stats.
 component: true
 ---