Feature/refactor copy to clipboard button component #44
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.
Description
Refactored the copy-to-clipboard functionality into a reusable CopyButton component to encapsulate state management and prevent unnecessary re-renders of other components. Updated the usage in the index page to utilize the new component, improving code maintainability and readability.
Video Proof
You can view the issue here:
Additional Information
[x] I have read the contributing docs (if this is your first contribution)
[x] This is not a duplicate of any existing pull request
Key Changes:
Created a new CopyToClipBoardButton component that encapsulates the copy functionality and manages its own state.
Removed shared state management from the parent component, ensuring that each copy button operates independently.
Reason for Changes:
The refactor was necessary to improve performance by preventing unnecessary re-renders of other components when the copy button is clicked. By isolating the state management within the CopyToClipBoardButton, we enhance the overall efficiency of the component tree, leading to a smoother user experience.
Video Proof
You can view the functionality in action here:
Your ENS/address: 0x6E8cE016Eb0B892669611CE87C755c1789C759ee