blockworks-foundation
/
solana
mirror of https://github.com/blockworks-foundation/solana.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Reorder TopAccountsCard.tsx

This commit is contained in:
Justin Starry 2020-06-03 18:40:30 +08:00 committed by Michael Vines
parent 851c0863dc
commit d5421266f5
1 changed files with 34 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
explorer/src/components/TopAccountsCard.tsx
View File

@ -107,6 +107,39 @@ export default function TopAccountsCard() {
);
}
const renderAccountRow = (
account: AccountBalancePair,
index: number,
supply: number
) => {
const base58AccountPubkey = account.address.toBase58();
return (
<tr key={index}>
<td>
<span className="badge badge-soft-dark badge-pill">{index + 1}</span>
</td>
<td>
<Copyable text={base58AccountPubkey}>
<code>{base58AccountPubkey}</code>
</Copyable>
</td>
<td>{lamportsToSolString(account.lamports, 0)}</td>
<td>{`${((100 * account.lamports) / supply).toFixed(3)}%`}</td>
<td>
<Link
to={location => ({
...location,
pathname: "/account/" + base58AccountPubkey
})}
className="btn btn-rounded-circle btn-white btn-sm"
>
<span className="fe fe-arrow-right"></span>
</Link>
</td>
</tr>
);
};
const useQueryFilter = (): Filter => {
const query = useQuery();
const filter = query.get("filter");
@ -156,7 +189,7 @@ const FilterDropdown = ({ filter, toggle, show }: DropdownProps) => {
};
};
const FILTERS: Filter[] = [null, "nonCirculating", "all"];
const FILTERS: Filter[] = ["all", null, "nonCirculating"];
return (
<div className="dropdown">
<button
@ -187,36 +220,3 @@ const FilterDropdown = ({ filter, toggle, show }: DropdownProps) => {
</div>
);
};
const renderAccountRow = (
account: AccountBalancePair,
index: number,
supply: number
) => {
const base58AccountPubkey = account.address.toBase58();
return (
<tr key={index}>
<td>
<span className="badge badge-soft-dark badge-pill">{index + 1}</span>
</td>
<td>
<Copyable text={base58AccountPubkey}>
<code>{base58AccountPubkey}</code>
</Copyable>
</td>
<td>{lamportsToSolString(account.lamports, 0)}</td>
<td>{`${((100 * account.lamports) / supply).toFixed(3)}%`}</td>
<td>
<Link
to={location => ({
...location,
pathname: "/account/" + base58AccountPubkey
})}
className="btn btn-rounded-circle btn-white btn-sm"
>
<span className="fe fe-arrow-right"></span>
</Link>
</td>
</tr>
);
};