Vote Board Roadmap Blog Block for React

Nowhere: a vote only adds one to that row's shown count in the page, and "You voted for 2 of 4" counts them. A reload brings the counts back. To make it real, send the toggle's change to your server and store it against the signed-in reader.

Each vote is a Toggle named "Vote for" and the post's title, with the current count in its name. Pressing it fills it with the foreground colour and the number rolls up by one; pressing it again undoes it. The toggle takes pressed and onPressedChange.

The four segments are all the same colour family: reached ones are solid foreground, the rest a neutral track, so progress reads as weight. The stage is also written under the meter ("Drafting, stage 2 of 4"), and the legend band names all four, so no information depends on the drawing.

Edit POSTS and STAGES at the top of the file. A post's stage is an index into STAGES; give a scheduled post an ISO date, formatted in UTC, and the row shows "Scheduled for" and that date.

The vote button stays at the start of the row, the title and its line sit beside it, and the stage meter drops under them across the full width of the row.

The header and the list fade up once on load, and the vote count rolls when it changes. With reduced motion the entrance is off and the number changes without rolling.