[Frontend] Add one-click Copy Stream ID badge in StreamDetailsModal header
Los mantenedores suelen responder en 7 días
Evaluación
- Dificultad
- 1/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bien especificado
- Estado de actividad
- Estancado
- Stack tecnológico
- next.js, typescript
- Área
- frontend
Línea de trabajo
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.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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.
- Lenguaje dominante
- TypeScript
- Estrellas
- 18
- Forks
- 250
- Merge medio
- 5 d 6 h
- PR fusionados (30 d)
- 82
Preparar el entorno
- Incluye un Dockerfile o un archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de LabsCrypt/flowfi
-
backend points: 150 testing
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 7 días
-
backend points: 150 testing
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 7 días
-
backend points: 150 testing
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
Los mantenedores suelen responder en 7 días
-
backend points: 150 testing
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 7 días
-
backend points: 150 testing
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 7 días
Todos los issues de LabsCrypt/flowfi
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
awesome-dsh-plugin/awesome-dsh-plugin#9184 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
farion1231/cc-switch#8829 ·
Los mantenedores suelen responder en 1 día
-
[core-client] Remove unused hand-maintained transport helpers after the definition-table cutoverAbiertodoc-audit enhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100