Add time remaining counter to blocks
Closed this issue · 0 comments
nadeemkhedr commented
Context
Create a counter using (normal countdown numbers or pie countdown) for each block
Development
- use
react-minimal-pie-chart
for the pie countdown or search for other alternatives - create a new component
BlockTimer
that has the countdown logic/ui, and will be included in theBlock
component - change the pie countdown colors from green (more than 50% remaining), yellow (more than 25% remaining), red (less than 25% remaining)
- all new blocks should have time countdown of 10
- change generated words for a block to be between 4-6