feat: add link button to share component #86
+331
−169
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request includes several changes to improve the functionality and user experience of the demo components.
The most significant changes is copy link of component and share if other people.
Google.Chrome.mp4
The some others significants changes involve the addition of new components, refactoring existing components, and enhancing the styling and behavior of the UI elements.
New Components:
demo/card-component.tsx
: Introduced a newCardComponent
to encapsulate the component display logic, including selection state and scrolling behavior.demo/name-component.tsx
: Added aNameComponent
to display the component name within the card, with conditional styling based on selection state.demo/link-button.tsx
: Created aShareButton
to allow users to copy the link to a specific component, with visual feedback on copy action.Refactoring:
demo/demo-component.tsx
: Refactored to use the newCardComponent
for rendering demo components, simplifying the structure and improving maintainability. [1] [2]UI Enhancements:
demo/copy-button.tsx
: Updated theCopyButton
to use icons fromlucide-react
for a more consistent and modern look. [1] [2]Minor Changes:
app/selects/page.tsx
: Adjusted the formatting of thePageHeader
component for better readability.