Skip to content

Overview panels#632

Merged
Randy808 merged 1 commit into
Blockstream:masterfrom
Randy808:overview-panels
Jul 1, 2026
Merged

Overview panels#632
Randy808 merged 1 commit into
Blockstream:masterfrom
Randy808:overview-panels

Conversation

@Randy808

@Randy808 Randy808 commented Jun 24, 2026

Copy link
Copy Markdown
Collaborator

To run locally, npm install and use the following snippets:

# Bitcoin
export API_URL=https://blockstream.info/api
export PORT=4999
source flavors/blockstream/config.env
source flavors/bitcoin-mainnet/config.env
npm run dev-server
# Liquid
export API_URL=https://blockstream.info/liquid/api
export PORT=5000
source flavors/blockstream/config.env
source flavors/liquid-mainnet/config.env
npm run dev-server

Bitcoin:
Bitcoin overview panels

Liquid:
Liquid overview panels

@Randy808 Randy808 self-assigned this Jun 24, 2026
@Randy808 Randy808 marked this pull request as ready for review June 29, 2026 18:10
@FedOken

FedOken commented Jun 30, 2026

Copy link
Copy Markdown
Collaborator
image 1. Adjust the display. When scrolling and clicking on the scroll bar. 2. I think it's better to use a live stopwatch rather than refresh it every couple of seconds. I don't think we need to be that precise, down to the second. 3. According to the design, the text should not be in large letters.

Comment thread client/src/components/reference-line-chart.js Outdated
Comment thread client/src/components/reference-line-chart.js Outdated
Comment thread client/src/components/reference-line-chart.js Outdated
Comment thread client/src/components/reference-line-chart.js Outdated
Comment thread client/src/views/overview.js
Comment thread client/src/views/overview.js Outdated
Comment thread client/src/views/overview.js Outdated
Comment thread client/src/views/overview.js Outdated
Comment on lines +1 to +10
export const InfoCard = ({
title,
tooltip,
iconSrc,
headerValue,
value,
footer,
body,
className,
} = {}) => (

@FedOken FedOken Jul 1, 2026

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since there isn't any strict typing here, I think it's worth checking for the availability of fields before rendering, so that the HTML markup itself will be cleaner.

if (
    !title ||
    !headerValue ||
    !value ||
    !footer
  ) {
    return null;
  }

...

<p className="info-card-header-value">{headerValue}</p>

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'll add this in the follow-up PR after rebase

@Randy808 Randy808 merged commit 4433839 into Blockstream:master Jul 1, 2026
3 checks passed
@takagimasao52-cmyk

Copy link
Copy Markdown

私わ間違いでわないですよね🦋🇯🇵

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants