circle flickers
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Error
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza con el fragmento de CountdownDisplay proporcionado y su uso del componente Circle; después, reproduce el parpadeo del countdowntimer cuando queda poco tiempo. Compara el valor de progreso y las actualizaciones del temporizador cerca de la finalización, y verifica que el círculo permanezca estable a medida que la cuenta atrás se acerca a cero.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
when my countdown gets low, the circle flickers
but only then. when there is more time, it works fine
any idea why?
my code:
const CountdownDisplay = (props) => {
if (props.completed) {
return <h6>This event has ended</h6>;
}
return (
<div className="countdownCircle">
<Circle percent={props.total} strokeWidth={4} trailWidth={4} />
<p className="countdownCircle__innerText">
{props.hours + props.days * 24}:{props.minutes < 10 && "0"}
{props.minutes}:{props.seconds < 10 && "0"}
{props.seconds}
</p>
</div>
);
};
it's called by a countdowntimer
- Lenguaje dominante
- TypeScript
- Estrellas
- 706
- Forks
- 161
- Merge medio
- 3 h 29 min
- PR fusionados (30 d)
- 2
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
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 react-component/progress
-
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
react-component/progress#301 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/progress#252 ·
-
scss file Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
react-component/progress#251 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
react-component/progress#247 ·
-
onHover Functionality Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
react-component/progress#194 ·
Todos los issues de react-component/progress
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
safetrustcr/dApp-SafeTrust#426 ·
-
area:workflow bug ready-for-agent
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
fil-donadoni/tolaria#4409 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
Fission-AI/OpenSpec#1960 ·
-
Add dependabot Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
corsairdev/corsair#1764 ·