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

Default top-account filter to circulating

This commit is contained in:
Tyera Eulberg 2020-06-02 18:43:47 -06:00 committed by Michael Vines
parent 6c45729694
commit 851c0863dc
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,7 +10,7 @@ import { lamportsToSolString } from "utils";
import { useQuery } from "utils/url"; import { useQuery } from "utils/url";
import { useSupply } from "providers/supply"; import { useSupply } from "providers/supply";
type Filter = "circulating" | "nonCirculating" | null; type Filter = "circulating" | "nonCirculating" | "all" | null;
export default function TopAccountsCard() { export default function TopAccountsCard() {
const supply = useSupply(); const supply = useSupply();
@ -40,24 +40,25 @@ export default function TopAccountsCard() {
let supplyCount: number; let supplyCount: number;
let accounts, header; let accounts, header;
switch (filter) { switch (filter) {
case "circulating": {
accounts = richList.circulating;
supplyCount = supply.circulating;
header = "Circulating";
break;
}
case "nonCirculating": { case "nonCirculating": {
accounts = richList.nonCirculating; accounts = richList.nonCirculating;
supplyCount = supply.nonCirculating; supplyCount = supply.nonCirculating;
header = "Non-Circulating"; header = "Non-Circulating";
break; break;
} }
default: { case "all": {
accounts = richList.total; accounts = richList.total;
supplyCount = supply.total; supplyCount = supply.total;
header = "Total"; header = "Total";
break; break;
} }
case "circulating":
default: {
accounts = richList.circulating;
supplyCount = supply.circulating;
header = "Circulating";
break;
}
} }
return ( return (
@ -109,7 +110,11 @@ export default function TopAccountsCard() {
const useQueryFilter = (): Filter => { const useQueryFilter = (): Filter => {
const query = useQuery(); const query = useQuery();
const filter = query.get("filter"); const filter = query.get("filter");
if (filter === "circulating" || filter === "nonCirculating") { if (
filter === "circulating" ||
filter === "nonCirculating" ||
filter === "all"
) {
return filter; return filter;
} else { } else {
return null; return null;
@ -118,15 +123,16 @@ const useQueryFilter = (): Filter => {
const filterTitle = (filter: Filter): string => { const filterTitle = (filter: Filter): string => {
switch (filter) { switch (filter) {
case "circulating": {
return "Circulating";
}
case "nonCirculating": { case "nonCirculating": {
return "Non-Circulating"; return "Non-Circulating";
} }
default: { case "all": {
return "All"; return "All";
} }
case "circulating":
default: {
return "Circulating";
}
} }
}; };
@ -150,7 +156,7 @@ const FilterDropdown = ({ filter, toggle, show }: DropdownProps) => {
}; };
}; };
const FILTERS: Filter[] = [null, "circulating", "nonCirculating"]; const FILTERS: Filter[] = [null, "nonCirculating", "all"];
return ( return (
<div className="dropdown"> <div className="dropdown">
<button <button