diff --git a/src/components/WinnerMonth.js b/src/components/WinnerMonth.js index 32a302d..21875fb 100644 --- a/src/components/WinnerMonth.js +++ b/src/components/WinnerMonth.js @@ -39,7 +39,7 @@ const WinnerMonth = (obj) => { if (thisDomain && thisDomain.domain) { for (const thisAddr of livepeer.ensInfoMapping) { if (thisAddr.domain === thisDomain.domain) { - if (thisAddr.domain.length > 18){ + if (thisAddr.domain.length > 18) { return (thisAddr.domain.substring(0, 16) + ".."); } return thisAddr.domain; @@ -51,7 +51,7 @@ const WinnerMonth = (obj) => { for (const thisAddr of livepeer.threeBoxInfo) { if (thisAddr.address === address) { if (thisAddr.name) { - if (thisAddr.name.length > 18){ + if (thisAddr.name.length > 18) { return (thisAddr.name.substring(0, 16) + ".."); } return thisAddr.name; @@ -100,18 +100,24 @@ const WinnerMonth = (obj) => { }); } } - pieList.push({ - address: "Other", - sum: otherSum - }); + if ((otherSum / totalStakeSum) > 0.01) { + pieList.push({ + address: "Other", + sum: otherSum + }); + } stakeObj =

Stake Distribution

- radius * 0.5} + cornerRadius={3} colorScale={[ - "#201f5c", + "#282678", "#56256c", "#872974", "#b63074", @@ -139,7 +145,7 @@ const WinnerMonth = (obj) => { style={{ backgroundColor: 'rgba(122, 128, 127, 0.4)', data: { - fillOpacity: 0.9, stroke: "#636363", strokeWidth: 2 + fillOpacity: 0.9, stroke: "#636363", strokeWidth: 1.5 }, labels: { fontSize: 10, zIndex: 999 @@ -172,18 +178,24 @@ const WinnerMonth = (obj) => { }); } } - pieList.push({ - address: "Other", - sum: otherSum - }); + if ((otherSum / obj.data.winningTicketsReceivedSum) > 0.01) { + pieList.push({ + address: "Other", + sum: otherSum + }); + } earningsObj =

Earnings Distribution

radius * 0.5} + cornerRadius={3} colorScale={[ - "#201f5c", + "#282678", "#56256c", "#872974", "#b63074", @@ -211,7 +223,7 @@ const WinnerMonth = (obj) => { style={{ backgroundColor: 'rgba(122, 128, 127, 0.4)', data: { - fillOpacity: 0.9, stroke: "#636363", strokeWidth: 2 + fillOpacity: 0.9, stroke: "#636363", strokeWidth: 1.5 }, labels: { fontSize: 10, zIndex: 999 @@ -242,18 +254,24 @@ const WinnerMonth = (obj) => { }); } } - pieList.push({ - address: "Other", - sum: otherSum - }); + if ((otherSum / obj.data.winningTicketsReceivedSum) > 0.01) { + pieList.push({ + address: "Other", + sum: otherSum + }); + } broadcasterObj =

Broadcaster Payments

radius * 0.5} + cornerRadius={3} colorScale={[ - "#201f5c", + "#282678", "#56256c", "#872974", "#b63074", @@ -281,7 +299,7 @@ const WinnerMonth = (obj) => { style={{ backgroundColor: 'rgba(122, 128, 127, 0.4)', data: { - fillOpacity: 0.9, stroke: "#636363", strokeWidth: 2 + fillOpacity: 0.9, stroke: "#636363", strokeWidth: 1.5 }, labels: { fontSize: 10, zIndex: 999