[Frontend] Add one-click Copy Stream ID badge in StreamDetailsModal header
Maintainer thường phản hồi trong vòng 7 ngày
Đánh giá
- Độ khó
- 1/5
- Thời gian dự kiến
- 1-3 giờ
- Mức phù hợp với người mới
- 25/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- next.js, typescript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Read frontend/src/components/dashboard/StreamDetailsModal.tsx and its component test, frontend/src/components/dashboard/StreamDetailsModal.test.tsx; inspect how the reusable CopyButton is used. The acceptance criteria define completion: the Stream ID copies with checkmark feedback, keyboard access and the specified screen reader label work, and the modal header works on mobile and desktop. An open linked pull request (#1682) indicates the work is already underway.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Overview
When viewing a specific stream inside frontend/src/components/dashboard/StreamDetailsModal.tsx, the Stream ID is displayed as plain text in the modal header without a quick copy button.
Problem
- Users troubleshooting streams or referencing Stream IDs in DAO proposals have to manually highlight and copy the ID string.
Proposed Changes
- Render the Stream ID badge alongside the reusable
<CopyButton />component inStreamDetailsModal.tsx. - Ensure keyboard accessibility and screen-reader
aria-label="Copy Stream ID".
Acceptance Criteria
- Clicking the Stream ID badge copies the ID to the clipboard and shows the checkmark state.
- Works cleanly on both mobile and desktop modal headers.
- Component test updated in
frontend/src/components/dashboard/StreamDetailsModal.test.tsx.
- Ngôn ngữ chính
- TypeScript
- Star
- 18
- Fork
- 250
- Merge trung bình
- 5 ngày 6 giờ
- Pull request đã merge (30 ngày)
- 82
Chuẩn bị môi trường
- Có Dockerfile hoặc tệp Docker Compose
- Có mẫu pull request
- Đọc hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của LabsCrypt/flowfi
-
backend points: 150 testing
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
Maintainer thường phản hồi trong vòng 7 ngày
-
backend points: 150 testing
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
Maintainer thường phản hồi trong vòng 7 ngày
-
backend points: 150 testing
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 76/100
Maintainer thường phản hồi trong vòng 7 ngày
-
backend points: 150 testing
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
Maintainer thường phản hồi trong vòng 7 ngày
-
backend points: 150 testing
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
Maintainer thường phản hồi trong vòng 7 ngày
Tất cả issue của LabsCrypt/flowfi
Issue tương tự
-
clawsweeper:fix-shape-clear clawsweeper:queueable-fix clawsweeper:source-repro impact:ux-friction issue-rating: 🦞 diamond lobster no-stale P3
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 73/100
openclaw/openclaw#182077 · 1 bình luận · 1 reaction ·
Maintainer thường phản hồi trong vòng 1 ngày
-
aikido high security
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
dequelabs/axe-linter-action#161 ·
-
[Feature Request] Update the DimCode agent icon to the 45:32 brand markCó thể đã có người làm @eric8810 đã nhận hôm nay. Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
Maintainer thường phản hồi trong vòng 1 ngày
-
[Feature]: 建议导入源后,自动切换到新导入的源Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 66/100
lyswhut/lx-music-desktop#3026 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 76/100
abhigyanpatwari/GitNexus#3704 ·
Maintainer thường phản hồi trong vòng 1 ngày