feat: add NEAR docs #3
Conversation
…and technical details
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the Note Other AI code review bot(s) detectedCodeRabbit has detected other AI code review bot(s) in this pull request and will avoid duplicating their findings in the review comments. This may lead to a less comprehensive review. ✨ Finishing touches🧪 Generate unit tests
Comment |
…escriptions, interactive contract tables, and payment detection info
…esses using reusable React components
…ct addresses using reusable React components
…quest Network brand colors - Add functional copy-to-clipboard and external link buttons for NEAR contract addresses - Use CSS-based hover/focus/active states with Request Network teal (#01B089) - Horizontal button layout with proper spacing using flexbox - Simplified React components without hooks for better Mintlify compatibility - Enhanced user experience with smooth transitions and visual feedback
MantisClone
requested review from
Copilot,
rodrigopavezi,
bassgeta and
aimensahnoun
There was a problem hiding this comment.
Pull Request Overview
Adds comprehensive NEAR blockchain documentation with interactive UI components featuring Request Network brand styling. The PR introduces complete documentation for NEAR's unique architecture and payment types, along with reusable React components for enhanced user interaction.
- Interactive copy/explore buttons with Request Network teal branding and accessibility features
- Comprehensive NEAR blockchain documentation covering native payments, NEP-141 tokens, and conversion payments
- Navigation integration and cross-referencing with existing documentation structure
Reviewed Changes
Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.
| File | Description |
|---|---|
| snippets/contract-buttons.jsx | New React components for copying addresses and opening block explorer links |
| resources/near-blockchain.mdx | Main NEAR blockchain documentation with technical details and contract addresses |
| resources/supported-chains-and-currencies.mdx | Added NEAR blockchain card to existing chain overview |
| docs.json | Added NEAR documentation to navigation structure |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
| navigator.clipboard.writeText(text).then(() => { | ||
| console.log(`Copied ${text} to clipboard!`); | ||
| }).catch(err => { | ||
| console.error("Failed to copy: ", err); | ||
| }); |
There was a problem hiding this comment.
Console messages should provide more user-friendly feedback. Consider implementing visual feedback (toast notifications, temporary button state changes) instead of relying solely on console logs that users won't see.
Copilot uses AI. Check for mistakes.
| <style jsx>{` | ||
| .contract-button:hover { | ||
| color: var(--primary-color) !important; | ||
| } | ||
| .contract-button:focus { | ||
| color: var(--primary-color) !important; | ||
| box-shadow: 0 0 0 2px var(--primary-color) !important; | ||
| } | ||
| .contract-button:active { | ||
| color: var(--primary-color) !important; | ||
| } | ||
| `}</style> |
There was a problem hiding this comment.
The same CSS styling block is duplicated between CopyButton and ExternalLinkButton components. Consider extracting this into a shared constant or moving it to a common stylesheet to reduce code duplication.
Copilot uses AI. Check for mistakes.
Co-authored-by: Copilot <[email protected]>
PR Description
Summary
Adds comprehensive NEAR blockchain documentation with interactive copy/explorer buttons featuring Request Network brand styling.
Preview: https://requestnetwork-add-near-docs.mintlify.app/resources/near-blockchain
Key Features
New Interactive Components
Created reusable
CopyButtonandExternalLinkButtoncomponents in contract-buttons.jsx:Screen.Recording.2025-09-29.at.5.11.00.PM.mov
Files Changed
Fixes RequestNetwork/docs.request.network#123