ag/unisono
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Copy Link button implemented

Browse Source
This commit is contained in:
AG
2025-10-13 20:37:23 +03:00
parent 696c3ed6c7
commit e361a278ef
7 changed files with 279 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
specs/006-copy-link-feature/tasks.md
View File

@@ -31,12 +31,12 @@ No foundational tasks are required that block all user stories, as core dependen
**Independent Test**: Navigate to a session response page, click the "Copy Link" button, and verify the URL is copied to the clipboard and the animation plays correctly.
- **T001 [US1]**: Create `frontend/src/components/CopyLinkButton.tsx` component with basic structure and Material-UI button. [P]
- **T002 [US1]**: Implement `copyToClipboard` utility function in `CopyLinkButton.tsx` using `navigator.clipboard.writeText`. [P]
- **T003 [US1]**: Implement icon animation logic (link to green check, then back) within `CopyLinkButton.tsx` using React state and Material-UI icons. [P]
- **T004 [US1]**: Write unit tests for `frontend/src/components/CopyLinkButton.tsx` covering copy functionality, icon changes, and animation states. [P]
- **T005 [US1]**: Integrate `CopyLinkButton` into `frontend/src/pages/SessionPage.tsx` next to the session topic. [P]
- **T006 [US1]**: Write integration tests for `frontend/src/pages/SessionPage.tsx` to verify the `CopyLinkButton`'s presence and functionality. [P]
- [x] T001 [US1]: Create `frontend/src/components/CopyLinkButton.tsx` component with basic structure and Material-UI button. [P]
- [x] T002 [US1]: Implement `copyToClipboard` utility function in `CopyLinkButton.tsx` using `navigator.clipboard.writeText`. [P]
- [x] T003 [US1]: Implement icon animation logic (link to green check, then back) within `CopyLinkButton.tsx` using React state and Material-UI icons. [P]
- [x] T004 [US1]: Write unit tests for `frontend/src/components/CopyLinkButton.tsx` covering copy functionality, icon changes, and animation states. [P]
- [x] T005 [US1]: Integrate `CopyLinkButton` into `frontend/src/pages/SessionPage.tsx` next to the session topic. [P]
- [x] T006 [US1]: Write integration tests for `frontend/src/pages/SessionPage.tsx` to verify the `CopyLinkButton`'s presence and functionality. [P]
**Checkpoint**: User Story 1 is complete and independently testable.
@@ -46,17 +46,17 @@ No foundational tasks are required that block all user stories, as core dependen
**Independent Test**: Navigate to a session result page, click the "Copy Link" button, and verify the URL is copied to the clipboard and the animation plays correctly.
- **T007 [US2]**: Integrate `CopyLinkButton` into `frontend/src/components/ResultsDisplay.tsx` next to the session topic. [P]
- **T008 [US2]**: Write integration tests for `frontend/src/components/ResultsDisplay.tsx` to verify the `CopyLinkButton`'s presence and functionality. [P]
- [x] T007 [US2]: Integrate `CopyLinkButton` into `frontend/src/components/ResultsDisplay.tsx` next to the session topic. [P]
- [x] T008 [US2]: Write integration tests for `frontend/src/components/ResultsDisplay.tsx` to verify the `CopyLinkButton`'s presence and functionality. [P]
**Checkpoint**: User Story 2 is complete and independently testable.
### Phase 5: Polish & Cross-Cutting Concerns
- **T009**: Implement graceful degradation for browsers that do not support the Clipboard API (e.g., display a fallback message or a text input for manual copying). [P]
- **T010**: Ensure consistent styling and positioning of the "Copy Link" button across both response and result pages, adhering to Material-UI guidelines. [P]
- **T011**: Run `npm run lint` and `tsc` in the `frontend` directory to ensure code quality and type correctness. [P]
- **T012**: Ensure consistent positioning of the "Copy Link" button when the session topic is not displayed or is empty. [P]
- [x] T009: Implement graceful degradation for browsers that do not support the Clipboard API (e.g., display a fallback message or a text input for manual copying). [P]
- [x] T010: Ensure consistent styling and positioning of the "Copy Link" button across both response and result pages, adhering to Material-UI guidelines. [P]
- [x] T011: Run `npm run lint` and `tsc` in the `frontend` directory to ensure code quality and type correctness. [P]
- [x] T012: Ensure consistent positioning of the "Copy Link" button when the session topic is not displayed or is empty. [P]
## Parallel Execution Examples