Skip to main content

Get Involved

Whether you are a developer, designer, writer, project builder, or just someone passionate about Cardano.

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​

PropTypeDefaultDescription
lastUpdatedstring-Inserted verbatim into the sentence in place of {lastUpdated}. Pass a preformatted date string.

Live Preview​

Last updated: 2025-03-17. Charts are using real time data.

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 epoch prop, 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.