Components / Content Card Footer
Content Card Footer
The footer under every generation card: one pill per destination, each pairing an account with the time IT goes out. ContentCard, ContentRenderer, and ContentPlaceholder all share it.
import { ContentCardFooter, type ContentDestination } from '@layers/ui/content-card-footer'
import '@layers/ui/css/content-card.css'Rendered stock
House rules
- Takes ONE destination array, never parallel account and schedule arrays. Account and time live in the same object so a card with several destinations cannot attribute one time to all of them, which is exactly what the two-cell footer this replaced did.
- Pills wrap rather than collapsing into a +N. A container bound to four accounts is a real state, and hiding the overflow is what made the old footer unable to say which time belonged to which account.
- Hovering a pill explains what the pill cannot show: the handle, the full platform name, and whether it posts live or lands in drafts. It never repeats the time the pill is already displaying.
- Missing data renders honestly: Not scheduled, never a fabricated time. A destination with no time gets no delivery line either, because there is no delivery to describe.
- Its classes live in content-card.css scoped under .generated-post: it is the bottom cell of the content cards, so a surface mounting it standalone must load that stylesheet and wrap it in the .generated-post shell.