feat(fwc26): add copy-to-clipboard buttons to SlaCard with success fe… - #823
Open
Legit003 wants to merge 1 commit into
Open
feat(fwc26): add copy-to-clipboard buttons to SlaCard with success fe…#823Legit003 wants to merge 1 commit into
Legit003 wants to merge 1 commit into
Conversation
…edback - Implement useCopy hook (src/hooks/useCopy.ts) with: - handleCopy(text) API with async Clipboard API + execCommand fallback - copied boolean (true for 2s after success) for UI feedback - supported boolean to gate copy UI in unsupported environments - Timer restart on rapid re-clicks; cleanup on unmount - Add SlaCard page (src/pages/SlaCard.tsx) at /marketplace/grantfox-wave-compute/sla with: - Per-value copy buttons for all 8 SLA metrics - Green CheckIcon + 'Copied!' label on success - aria-live='polite' region per row for screen-reader announcements - Design-token-only colours; responsive single/two-column layout - WCAG 2.1 AA: focus ring, aria-labels, min touch target size - Register route in App.tsx - Update EmptyState to use new handleCopy API (keeps supported guard) - Add docs/SlaCard-CopyToClipboard.md with API, a11y, and token docs - 91 tests passing (7 useCopy, 22 SlaCard, 62 EmptyState) Closes CalloraOrg#545
|
@Legit003 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
…edback
Implement useCopy hook (src/hooks/useCopy.ts) with:
Add SlaCard page (src/pages/SlaCard.tsx) at /marketplace/grantfox-wave-compute/sla with:
Register route in App.tsx
Update EmptyState to use new handleCopy API (keeps supported guard)
Add docs/SlaCard-CopyToClipboard.md with API, a11y, and token docs
91 tests passing (7 useCopy, 22 SlaCard, 62 EmptyState)
Closes #713