diff --git a/web/src/assets/svgs/icons/min-stake.svg b/web/src/assets/svgs/icons/min-stake.svg index 02ad227ba..52f8f5a71 100644 --- a/web/src/assets/svgs/icons/min-stake.svg +++ b/web/src/assets/svgs/icons/min-stake.svg @@ -1,10 +1,10 @@ - + - + - - - + + + diff --git a/web/src/assets/svgs/icons/redistributed-pnk.svg b/web/src/assets/svgs/icons/redistributed-pnk.svg index cc9081d4d..8f8fe5a56 100644 --- a/web/src/assets/svgs/icons/redistributed-pnk.svg +++ b/web/src/assets/svgs/icons/redistributed-pnk.svg @@ -1,4 +1,4 @@ - + diff --git a/web/src/assets/svgs/icons/user.svg b/web/src/assets/svgs/icons/user.svg index d9f6d1df3..e4444701e 100644 --- a/web/src/assets/svgs/icons/user.svg +++ b/web/src/assets/svgs/icons/user.svg @@ -1,3 +1,3 @@ - + diff --git a/web/src/assets/svgs/icons/vote-stake.svg b/web/src/assets/svgs/icons/vote-stake.svg index 945ad28ed..39ee831f0 100644 --- a/web/src/assets/svgs/icons/vote-stake.svg +++ b/web/src/assets/svgs/icons/vote-stake.svg @@ -1,12 +1,11 @@ - - + - + - - - - + + + + diff --git a/web/src/components/StatDisplay.tsx b/web/src/components/StatDisplay.tsx index 55955a4ef..bf1a8f29e 100644 --- a/web/src/components/StatDisplay.tsx +++ b/web/src/components/StatDisplay.tsx @@ -23,8 +23,8 @@ const SVGContainer = styled.div<{ iconColor: string; backgroundColor: string }>` svg { fill: ${({ iconColor }) => iconColor}; - max-height: 22px; - max-width: 22px; + max-height: 32px; + max-width: 32px; } `; diff --git a/web/src/pages/Courts/CourtDetails/Stats.tsx b/web/src/pages/Courts/CourtDetails/Stats.tsx index a8bfc4304..2a1693b03 100644 --- a/web/src/pages/Courts/CourtDetails/Stats.tsx +++ b/web/src/pages/Courts/CourtDetails/Stats.tsx @@ -10,6 +10,7 @@ import PNKRedistributedIcon from "svgs/icons/redistributed-pnk.svg"; import JurorIcon from "svgs/icons/user.svg"; import BalanceIcon from "svgs/icons/law-balance.svg"; import MinStake from "svgs/icons/min-stake.svg"; +import VoteStake from "svgs/icons/vote-stake.svg"; const StyledCard = styled.div` width: auto; @@ -47,15 +48,15 @@ const stats: IStat[] = [ (parseInt(utils.formatUnits(data?.minStake, 18)) * 0.029) .toFixed(2) .toString() + "$", - color: "blue", - icon: EthereumIcon, + color: "purple", + icon: VoteStake, }, { title: "Active Jurors", getText: (data) => data?.numberStakedJurors, getSubtext: () => "", - color: "purple", - icon: PNKRedistributedIcon, + color: "green", + icon: JurorIcon, }, { title: "PNK Staked", @@ -64,8 +65,8 @@ const stats: IStat[] = [ (parseInt(utils.formatUnits(data?.stake, 18)) * 0.029) .toFixed(2) .toString() + "$", - color: "green", - icon: JurorIcon, + color: "purple", + icon: PNKIcon, }, { title: "Cases", @@ -88,8 +89,8 @@ const stats: IStat[] = [ (parseInt(utils.formatUnits(data?.paidETH, 18)) * 1600) .toFixed(2) .toString() + "$", - color: "orange", - icon: BalanceIcon, + color: "blue", + icon: EthereumIcon, }, { title: "PNK redistributed", @@ -98,8 +99,8 @@ const stats: IStat[] = [ (parseInt(utils.formatUnits(data?.paidPNK, 18)) * 0.029) .toFixed(2) .toString() + "$", - color: "orange", - icon: BalanceIcon, + color: "purple", + icon: PNKRedistributedIcon, }, ];