Insights Footer
InsightsFooter
A small <footer> with a top border and the translated sentence Last updated: {lastUpdated}. Charts are using real time data. It is only meaningful as the last child of an Insights Layout page and is used on every page under /insights.
Basic Usage
A fixed date from the page's meta, as in src/pages/insights/template/index.js:
import InsightsFooter from '@site/src/components/Layout/InsightsFooter';
<InsightsFooter lastUpdated={meta.date} />
A live value, as in src/pages/insights/supply/index.js, where the date and epoch come from the fetched data:
<InsightsFooter lastUpdated={`${epochDate} (epoch ${displayedEpoch})`} />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
lastUpdated | string | - | Inserted verbatim into the sentence in place of {lastUpdated}. Pass a preformatted date string. |
Live Preview
Notes
- The sentence itself is translated inside the component (
insights.footer.text), so consumers only pass the date value. - Any extra props are ignored. Some pages pass an
epochprop, which the component does not read. - The footer is styled inline with theme tokens (
--ifm-toc-border-color,--ifm-color-content-secondary), so it needs no CSS module and works in dark mode.