Show completion rate % on user avatar tooltip 📊
Los mantenedores suelen responder en 2 días
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 82/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- javascript, react
- Área
- frontend
Línea de trabajo
Empieza por client/src/pages/Dashboard.jsx y revisa cómo obtiene el dashboard al usuario actual y las tareas; después, inspecciona cómo se muestra el avatar. Añade al tooltip del avatar el porcentaje de tareas completadas, usando el cálculo indicado en el issue. El trabajo estará terminado cuando, al pasar el cursor sobre el avatar, se muestre la tasa de finalización del usuario, incluido 0 si no tiene tareas.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Show completion rate % on user avatar tooltip 📊
File: client/src/pages/Dashboard.jsx
Avatar shows initials but hovering
shows nothing useful 💀 fr!!
Fix: calculate completion rate:
const myTasks = tasks.filter(
t => t.assignee?._id === user?._id
)
const completionRate = myTasks.length > 0
? Math.round(
myTasks.filter(t => t.status === 'done').length
/ myTasks.length * 100
)
: 0
// add tooltip on avatar:
{user?.name?.[0]?.toUpperCase()}
~8 lines! No backend needed 🎯
Motivates users to complete tasks!! 🔥
- Lenguaje dominante
- JavaScript
- Estrellas
- 39
- Forks
- 105
- Merge medio
- 1 d 12 h
- PR fusionados (30 d)
- 27
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin 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 anoopcodehack/DevBoard
-
good first issue
Dificultad 1/5 1-3 horas Aptitud para principiantes 88/100
anoopcodehack/DevBoard#589 ·
Los mantenedores suelen responder en 2 días
-
Import tasks from CSV file 📤Abiertoenhancement good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
anoopcodehack/DevBoard#588 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
anoopcodehack/DevBoard#587 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
anoopcodehack/DevBoard#586 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
anoopcodehack/DevBoard#584 ·
Los mantenedores suelen responder en 2 días
Todos los issues de anoopcodehack/DevBoard
Issues similares
-
Bump Firebase JS SDK (12.19.0 → 13.0.0)Posiblemente ocupada @SelaseKay la tomó hoy. AbiertoNeeds Attention type: enhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
invertase/react-native-firebase#9364 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 67/100
tchiotludo/akhq#3307 · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 1-3 horas Aptitud para principiantes 90/100
DietrichGebert/ponytail#1063 ·
Los mantenedores suelen responder en 3 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
zen-browser/desktop#15809 · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
enhancement
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100