Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add info boxes on LID UI page #1516

Merged
merged 3 commits into from
Jun 12, 2023
Merged

Add info boxes on LID UI page #1516

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
bab6920
feat: add info boxes on LID UI page
dirkmc Jun 12, 2023
ed800e1
Update react/src/LID.js
dirkmc Jun 12, 2023
2065bb6
Update react/src/LID.js
dirkmc Jun 12, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions react/src/Info.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@
display: inline-block;
cursor: pointer;
font-size: 1em;
width: 1em;
height: 1em;
width: 16px;
height: 16px;
vertical-align: top;
margin-left: 0.5em;
background: url("./bootstrap-icons/icons/info-circle.svg");
Expand Down
49 changes: 45 additions & 4 deletions react/src/LID.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -115,23 +115,36 @@ function LIDContent() {
<tr>
<td width="50%">
<div>
<h3>Pieces</h3>
<h3>Pieces<PiecesInfo/></h3>

<div className="storage-chart">
<CumulativeBarChart bars={piecesBars} />
<CumulativeBarLabels bars={piecesBars} />
</div>

<div className="flagged-pieces-link">
<h3>Flagged Pieces</h3>
<h3>
Flagged Pieces
<Info>
Flagged Pieces are pieces that have been flagged by the Piece Doctor because it was
not possible to index the piece data. This could be because there was no unsealed copy
of the piece data, or because the piece data was inaccessible or corrupted.
</Info>
</h3>
<p>
<b>{addCommas(d.FlaggedPieces)}</b> Flagged Pieces
<Link to={"/piece-doctor"} className="button">View Flagged Pieces</Link>
</p>
</div>

<div>
<h3>Deal Sectors Copies</h3>
<h3>
Deal Sectors Copies
<Info>
Deal Sectors Copies indicates how many sectors contain deals, and how many of those
sectors have an unsealed copy.
</Info>
</h3>

<div className="storage-chart">
<CumulativeBarChart bars={barsSuc} />
Expand All @@ -140,7 +153,12 @@ function LIDContent() {
</div>

<div>
<h3>Sectors Proving State</h3>
<h3>
Sectors Proving State
<Info>
Sectors Proving State indicates how many sectors this SP is actively proving on chain
</Info>
</h3>

<div className="storage-chart">
<CumulativeBarChart bars={barsSps} />
Expand All @@ -155,6 +173,29 @@ function LIDContent() {
</div>
}

function PiecesInfo() {
return <Info>
The pieces stored by the Local Index Directory are in one of these states:
<p>
<b>Indexed</b><br/>
The piece was successfully indexed and all CIDs within it are retrievable
</p>
<p>
<b>Flagged (unsealed)</b><br/>
Flagged by the Piece Doctor because there was some problem
creating an index. This could be because it was not possible
to read the data from the sealing subsystem, the data is
corrupt, etc.
</p>
<p>
<b>Flagged (sealed only)</b><br/>
Flagged by the Piece Doctor because there is no unsealed copy
of the piece data. This usually means the unsealed copy of the
sector containing the piece was deleted.
</p>
</Info>
}

function BlockStatsSection() {
return <div>
<h3>Block Stats</h3>
Expand Down