Edition Switch Footer Block for React

Edit EDITIONS at the top of the file. Each entry has a name, a venue, a currency, a price, counts for days, talks and seats, and the href the ticket button uses. The price and the count line are written by priceOf and lineOf, so the band and the status announcement stay in step. Sponsors are the SPONSORS list, names only.

The editions are a group of radio buttons named Edition. Tab moves into the group, the arrow keys choose an edition, and the venue, the counts and the price change as you go. The choice is announced through a polite status that stays empty until the first change, so the page does not read the default edition twice.

It is a real link styled as the Shine Button, and its href is the chosen edition's. The button renders an anchor through render, with nativeButton off. Point each edition's href at its ticket page. Nothing in the footer charges a card.

The three labels are wider than a narrow screen, so the segmented group sits in a row that scrolls sideways. The scroller is the wrapper around the group, so the selection indicator stays inside the control. The venue, the counts and the price stay three lines, then the button, then the sponsors, then the summit links and the legal row.

The block is a footer, so at the end of the page it is the content-info landmark. The summit links are one nav labelled Footer, under a heading. Sponsors and the policy links are labelled lists. Prices and counts sit in isolated runs so a right-to-left page does not reorder the digits.

It is the current year, read when the footer renders, so it never goes stale. The block is a client component because the edition switch holds state. On a server-rendered site the year is the one in force when the page was rendered.