diff --git a/src/views/components/ledger-chart-addresses-with-balance/ledger-chart-addresses-with-balance.js b/src/views/components/ledger-chart-addresses-with-balance/ledger-chart-addresses-with-balance.js
index 60c55040..c2c01b63 100644
--- a/src/views/components/ledger-chart-addresses-with-balance/ledger-chart-addresses-with-balance.js
+++ b/src/views/components/ledger-chart-addresses-with-balance/ledger-chart-addresses-with-balance.js
@@ -9,6 +9,7 @@ import { CanvasRenderer } from 'echarts/renderers'
import { download_csv, download_json } from '@core/utils'
import { base_range_labels } from '@core/constants'
+import LedgerDescriptionNotice from '@components/ledger-description-notice'
echarts.use([LineChart, TooltipComponent, GridComponent, CanvasRenderer])
@@ -150,6 +151,7 @@ export default function LedgerChartAddressesWithBalance({
Nano.
+
{!isLoading && (
diff --git a/src/views/components/ledger-chart-addresses/ledger-chart-addresses.js b/src/views/components/ledger-chart-addresses/ledger-chart-addresses.js
index f65ff21d..e32ca4cd 100644
--- a/src/views/components/ledger-chart-addresses/ledger-chart-addresses.js
+++ b/src/views/components/ledger-chart-addresses/ledger-chart-addresses.js
@@ -13,6 +13,7 @@ import Button from '@mui/material/Button'
import { download_csv, download_json } from '@core/utils'
import LedgerChartMetrics from '@components/ledger-chart-metrics'
+import LedgerDescriptionNotice from '@components/ledger-description-notice'
echarts.use([
TooltipComponent,
@@ -143,6 +144,7 @@ export default function LedgerChartAddresses({ data, isLoading }) {
number of addresses created. Reused shows the number of addresses
used that were created on a previous day.
+
{!isLoading && (
diff --git a/src/views/components/ledger-chart-amounts/ledger-chart-amounts.js b/src/views/components/ledger-chart-amounts/ledger-chart-amounts.js
index ddd99076..a035e442 100644
--- a/src/views/components/ledger-chart-amounts/ledger-chart-amounts.js
+++ b/src/views/components/ledger-chart-amounts/ledger-chart-amounts.js
@@ -14,6 +14,7 @@ import Button from '@mui/material/Button'
import { download_csv, download_json } from '@core/utils'
import { base_ranges, base_range_labels } from '@core/constants'
+import LedgerDescriptionNotice from '@components/ledger-description-notice'
echarts.use([
TooltipComponent,
@@ -169,6 +170,7 @@ export default function LedgerChartAmounts({ data, isLoading }) {
the block is in a given range (in Nano).
+
{!isLoading && (
diff --git a/src/views/components/ledger-chart-blocks/ledger-chart-blocks.js b/src/views/components/ledger-chart-blocks/ledger-chart-blocks.js
index 3309d150..112f84a9 100644
--- a/src/views/components/ledger-chart-blocks/ledger-chart-blocks.js
+++ b/src/views/components/ledger-chart-blocks/ledger-chart-blocks.js
@@ -12,6 +12,7 @@ import {
import { CanvasRenderer } from 'echarts/renderers'
import LedgerChartMetrics from '@components/ledger-chart-metrics'
+import LedgerDescriptionNotice from '@components/ledger-description-notice'
import { download_csv, download_json } from '@core/utils'
echarts.use([
@@ -159,6 +160,7 @@ export default function LedgerChartBlocks({ data, isLoading }) {
The number of confirmed blocks (by type) per day.
+
{!isLoading && (
diff --git a/src/views/components/ledger-chart-distribution/ledger-chart-distribution.js b/src/views/components/ledger-chart-distribution/ledger-chart-distribution.js
index fe123a16..f5d6831c 100644
--- a/src/views/components/ledger-chart-distribution/ledger-chart-distribution.js
+++ b/src/views/components/ledger-chart-distribution/ledger-chart-distribution.js
@@ -9,6 +9,7 @@ import { CanvasRenderer } from 'echarts/renderers'
import { base_ranges, base_range_labels } from '@core/constants'
import { download_csv, download_json } from '@core/utils'
+import LedgerDescriptionNotice from '@components/ledger-description-notice'
echarts.use([LineChart, TooltipComponent, GridComponent, CanvasRenderer])
@@ -193,6 +194,7 @@ export default function LedgerChartDistribution({
specific balance ranges.
+
{!isLoading && (
diff --git a/src/views/components/ledger-chart-usd-transferred/ledger-chart-usd-transferred.js b/src/views/components/ledger-chart-usd-transferred/ledger-chart-usd-transferred.js
index 6706dfd9..7bda810d 100644
--- a/src/views/components/ledger-chart-usd-transferred/ledger-chart-usd-transferred.js
+++ b/src/views/components/ledger-chart-usd-transferred/ledger-chart-usd-transferred.js
@@ -14,6 +14,7 @@ import Button from '@mui/material/Button'
import LedgerChartMetrics from '@components/ledger-chart-metrics'
import { download_csv, download_json, format_value } from '@core/utils'
+import LedgerDescriptionNotice from '@components/ledger-description-notice'
echarts.use([
TooltipComponent,
@@ -133,6 +134,7 @@ export default function LedgerUSDTransferred({ data, isLoading }) {
Nano transferred that day.
+
{!isLoading && (
diff --git a/src/views/components/ledger-chart-volume/ledger-chart-volume.js b/src/views/components/ledger-chart-volume/ledger-chart-volume.js
index 376de255..faf1cf99 100644
--- a/src/views/components/ledger-chart-volume/ledger-chart-volume.js
+++ b/src/views/components/ledger-chart-volume/ledger-chart-volume.js
@@ -13,6 +13,7 @@ import { CanvasRenderer } from 'echarts/renderers'
import Button from '@mui/material/Button'
import LedgerChartMetrics from '@components/ledger-chart-metrics'
+import LedgerDescriptionNotice from '@components/ledger-description-notice'
import { download_csv, download_json } from '@core/utils'
echarts.use([
@@ -164,6 +165,7 @@ export default function LedgerChartVolume({ data, isLoading }) {
changed per day.
+
{!isLoading && (
diff --git a/src/views/components/ledger-description-notice/index.js b/src/views/components/ledger-description-notice/index.js
new file mode 100644
index 00000000..baca768b
--- /dev/null
+++ b/src/views/components/ledger-description-notice/index.js
@@ -0,0 +1 @@
+export { default } from './ledger-description-notice'
diff --git a/src/views/components/ledger-description-notice/ledger-description-notice.js b/src/views/components/ledger-description-notice/ledger-description-notice.js
new file mode 100644
index 00000000..e7e76a9a
--- /dev/null
+++ b/src/views/components/ledger-description-notice/ledger-description-notice.js
@@ -0,0 +1,24 @@
+import React from 'react'
+import dayjs from 'dayjs'
+import InfoIcon from '@mui/icons-material/Info'
+
+import './ledger-description-notice.styl'
+
+const timestamp = 1550832660
+
+export default function LedgerDescriptionNotice() {
+ const local_time = dayjs.unix(timestamp).format('YYYY-MM-DD HH:mm:ss')
+ return (
+
+
+
+ Data displayed includes only blocks with a timestamp. Local timestamps
+ were first recorded:{' '}
+
+ {local_time}
+
+ . Data from blocks before this date are not included.
+
+
+ )
+}
diff --git a/src/views/components/ledger-description-notice/ledger-description-notice.styl b/src/views/components/ledger-description-notice/ledger-description-notice.styl
new file mode 100644
index 00000000..0f9d2d17
--- /dev/null
+++ b/src/views/components/ledger-description-notice/ledger-description-notice.styl
@@ -0,0 +1,20 @@
+.ledger-chart-description-notice
+ border 1px solid lighten($nanoSoftBlue, 50%)
+ border-radius 5px
+ padding 10px
+ margin-bottom 10px
+ background-color lighten($nanoSoftBlue, 95%)
+ display flex
+ gap 10px
+
+ svg
+ width 20px
+ height 20px
+ color $nanoSoftBlue
+
+.ledger-chart-description-notice-local-time
+ font-family 'IBM Plex Mono', monospace
+ font-size 14px
+ background-color white
+ padding 2px 5px
+ border-radius 5px