Episode List Footer Block for React

Edit EPISODES. Each entry is a title and minutes. The row number is its place in the list, the count in "from this season" is the length of the list, and the time element's duration is PT plus the minutes. There is no date. Add or remove an entry and the rows and the count follow. GROUPS and LEGAL are the columns and the policies.

RSS_URL, the address in the field, and nothing else. The button's label is "Copy address". On success it shows a check for three seconds and a polite status says "RSS address copied". If the browser refuses the clipboard (a page not served over HTTPS), it shows a cross and says "Couldn't copy".

No. The input is read-only, there is no form, and the button only writes the address to the clipboard. It does not send it anywhere. The label "Subscribe in your app" is tied to the input.

The field is the show's own RSS address, so a listener can paste it into whichever app they already use. Naming a platform would date the footer. The listen links on the episodes say Listen, and the columns say Show and Visit.

The wordmark comes first, then the two columns (side by side from sm), then the episode heading, then one row per episode with the length under the title and Listen at the end, then the address with the copy button under it on a narrow screen, then the legal row. From lg the wordmark sits beside the two columns. Nothing scrolls sideways at 320 pixels.

It is the current year, read when the footer renders, so it never goes stale. The block is a server component with no state, so on a server-rendered site the year is the server's when the page was built or rendered.