Animate task count number when it changes 🔢
I maintainer di solito rispondono entro 2 giorni
Valutazione
- Difficoltà
- 1/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 95/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- javascript, react, tailwindcss
- Ambito
- frontend
Direzione di ricerca
Inizia da client/src/pages/Dashboard.jsx e individua l’elemento span del conteggio delle attività nella barra di navigazione. Usa l’approccio proposto nell’issue con useState, useRef e useEffect per attivare l’animazione quando cambia tasks.length, poi verifica che il conteggio continui a essere visualizzato correttamente e che la classe di animazione venga rimossa dopo il timeout.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Animate task count number when it changes 🔢
File: client/src/pages/Dashboard.jsx
Task count in navbar just instantly
changes with no animation 💀 fr!!
Fix:
const [countAnim, setCountAnim] = useState(false)
const prevCount = useRef(tasks.length)
useEffect(() => {
if (prevCount.current !== tasks.length) {
setCountAnim(true)
setTimeout(() => setCountAnim(false), 400)
prevCount.current = tasks.length
}
}, [tasks.length])
<span className={text-xs transition-transform ${countAnim ? 'scale-125 text-purple-400' : 'text-[#666]'}}>
{tasks.length} tasks
~8 lines! No backend needed 🎯
- Lingua principale
- JavaScript
- Stelle
- 39
- Fork
- 105
- Merge medio
- 1g 11h
- PR unite (30g)
- 47
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Nessun modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di anoopcodehack/DevBoard
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
anoopcodehack/DevBoard#648 ·
I maintainer di solito rispondono entro 2 giorni
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
anoopcodehack/DevBoard#647 ·
I maintainer di solito rispondono entro 2 giorni
-
Show "No snippets yet" empty state in task modal 💻Forse già presa @tu-lasizzzz l’ha presa 1 giorno fa. Apertagood first issue
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 96/100
anoopcodehack/DevBoard#639 · 2 commenti · 1 assegnatario ·
I maintainer di solito rispondono entro 2 giorni
-
good first issue
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 96/100
anoopcodehack/DevBoard#637 ·
I maintainer di solito rispondono entro 2 giorni
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
anoopcodehack/DevBoard#630 ·
I maintainer di solito rispondono entro 2 giorni
Tutte le issue di anoopcodehack/DevBoard
Issue simili
-
[Bug] Pitch Converter gives the wrong octave for B♯, C♭, B𝄪 and C𝄫Forse già presa @bhuvan-somisetty l’ha presa oggi. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
sugarlabs/musicblocks#9765 ·
I maintainer di solito rispondono entro 1 giorno
-
documentation good first issue help wanted
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
adaumsilva/OrchestrAI#51 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
Jason-Vaughan/TangleClaw#2546 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
rubyjs/mini_racer#449 ·
-
area:integration enhancement good first issue help wanted
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100