-
Notifications
You must be signed in to change notification settings - Fork 619
[TOOL-3314] Playground: Fix Next.js errors in Headless UI example pages #6175
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[TOOL-3314] Playground: Fix Next.js errors in Headless UI example pages #6175
Conversation
|
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
How to use the Graphite Merge QueueAdd either label to this PR to merge it via the merge queue:
You must have a Graphite account in order to use the merge queue. Sign up using this link. An organization admin has enabled the Graphite Merge Queue in this repository. Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue. This stack of pull requests is managed by Graphite. Learn more about stacking. |
apps/playground-web/src/components/headless-ui/nft-examples.tsx
Outdated
Show resolved
Hide resolved
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #6175 +/- ##
=======================================
Coverage 56.91% 56.91%
=======================================
Files 1155 1155
Lines 63912 63912
Branches 5195 5195
=======================================
Hits 36378 36378
Misses 26807 26807
Partials 727 727
*This pull request uses carry forward flags. Click here to find out more. |
size-limit report 📦
|
2987f81 to
9e60b66
Compare
9e60b66 to
296a627
Compare
6c9db9b to
b6207a6
Compare
abd74b1 to
ded18b3
Compare
Merge activity
|
…es (#6175) Fixed "Can not import server (async) components in client components" error <!-- start pr-codex --> --- ## PR-Codex overview This PR introduces new preview components for wallet, NFT, token, and account functionalities in the `playground-web` application. It enhances code modularity by separating previews into distinct files, improving readability and maintainability. ### Detailed summary - Added `wallet-previews.tsx` with previews for `WalletIcon`, `WalletName`, and formatting options. - Created `nft-previews.tsx` with previews for `NFTMedia`, `NFTName`, and `NFTDescription`. - Introduced `token-previews.tsx` with previews for `TokenIcon`, `TokenName`, and `TokenSymbol`. - Developed `account-previews.tsx` for `AccountAddress`, `AccountName`, and `AccountBalance` with various configurations. - Updated example files (`wallet-examples.tsx`, `nft-examples.tsx`, `token-examples.tsx`, `account-examples.tsx`) to utilize new preview components, enhancing code clarity. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex -->
ded18b3 to
632f1d1
Compare
b6207a6 to
6d3947a
Compare

Fixed "Can not import server (async) components in client components" error
PR-Codex overview
This PR focuses on refactoring and organizing wallet, NFT, token, and account previews by creating dedicated preview components. This enhances code readability and reusability.
Detailed summary
WalletIconBasicPreview,WalletNameBasicPreview,WalletNameFormatPreview.NftMediaBasicPreview,NftMediaOverridePreview,NftNameBasicPreview,NftDescriptionBasicPreview,NftCardDemoPreview.TokenImageBasicPreview,TokenImageOverridePreview,TokenNameBasicPreview,TokenSymbolBasicPreview,TokenCardPreview.AccountAddressBasicPreview,AccountAddressFormatPreview,AccountNameBasicPreview,AccountNameCustomPreview,AccountBalanceBasicPreview,AccountBalanceCustomTokenPreview,AccountBalanceFormatPreview,AccountBalanceUSDPreview,AccountAvatarBasicPreview,AccountBlobbieBasicPreview,ConnectDetailsButtonClonePreview.