feat: add three new variables, style svgs sizes, separate stats, create hook

kemuru · kemuru · commit 441ec609f15a · 2024-09-25T17:35:04.000+02:00
diff --git a/web/src/assets/svgs/icons/ethereum.svg b/web/src/assets/svgs/icons/ethereum.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 13 22" xmlns="http://www.w3.org/2000/svg">
+<svg width="32" height="32" viewBox="0 0 13 22" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.6666 11.1969L6.53378 15.0031L0.396973 11.1969L6.53378 0.5L12.6666 11.1969ZM6.53378 16.2254L0.396973 12.4191L6.53378 21.5L12.6706 12.4191L6.53378 16.2254V16.2254Z" />
 </svg>
diff --git a/web/src/assets/svgs/icons/law-balance-with-pnk.svg b/web/src/assets/svgs/icons/law-balance-with-pnk.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 49 48" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M28.2488 16.6644C28.2488 17.2258 28.1235 17.5488 27.9206 17.7316L33.5277 19.4222C33.6813 19.2884 33.8812 19.2068 34.1003 19.2068C34.5843 19.2068 34.9767 19.6018 34.9767 20.0889C34.9767 20.443 34.7689 20.7476 34.4698 20.8879L36.4321 26.5919C37.0543 26.6919 37.4656 26.8394 37.4656 27.0344C37.4656 27.8347 35.9147 28.4834 34.0017 28.4834C32.0886 28.4834 30.5377 27.8347 30.5377 27.0344C30.5377 26.8271 31.0023 26.6736 31.6908 26.5736L33.6597 20.8505C33.479 20.7443 33.3396 20.5752 33.2712 20.3726C33.2051 20.095 33.0512 19.9198 32.8096 19.8469C32.5208 19.7599 32.2379 19.75 31.9221 19.739C31.523 19.7251 31.0713 19.7094 30.4886 19.5337L27.6398 18.6748V24.5416C27.8617 24.7016 28.0067 24.9627 28.0067 25.2584C28.0067 25.4545 27.9424 25.6351 27.8348 25.7816C28.1241 25.9984 28.3124 26.3444 28.3124 26.7354C28.3124 27.2087 28.0373 27.6161 27.6398 27.8078V29.0326C28.9335 29.1008 29.9191 29.4532 29.9191 29.8777L29.9189 29.8864L29.9182 29.8992C32.0064 30.081 33.4481 30.4683 33.4481 30.9168L33.4584 31.5425C33.4584 32.1657 30.6804 32.6656 27.2474 32.6656C23.8145 32.6656 21.0366 32.1554 21.0366 31.5323L21.0162 30.9168C21.0162 30.4755 22.4123 30.0934 24.4465 29.908C24.4454 29.898 24.4448 29.8878 24.4448 29.8777C24.4448 29.4601 25.3987 29.1123 26.6615 29.0362V27.8275C26.242 27.6448 25.9483 27.2248 25.9483 26.7355C25.9483 26.3445 26.1365 25.9985 26.4259 25.7816C26.3184 25.6351 26.254 25.4546 26.254 25.2584C26.254 24.945 26.4169 24.6705 26.6615 24.514V18.3799L23.4126 17.4003C23.1964 17.3351 22.8799 17.162 22.5418 16.977C22.1539 16.7648 21.7374 16.537 21.4111 16.4386C21.185 16.3704 20.9529 16.4199 20.7149 16.5869C20.669 16.6246 20.6192 16.6574 20.5663 16.6853L22.5244 22.3771C23.1755 22.4771 23.6098 22.6273 23.6098 22.8277C23.6098 23.628 22.0589 24.2768 20.1458 24.2768C18.2327 24.2768 16.6819 23.628 16.6819 22.8277C16.6819 22.6333 17.0906 22.4862 17.7094 22.3862L19.6848 16.6442C19.4438 16.487 19.284 16.2145 19.284 15.9039C19.284 15.4168 19.6763 15.0218 20.1603 15.0218C20.5546 15.0218 20.8879 15.2839 20.998 15.6445L26.0335 17.1627C26.0059 17.0221 25.9911 16.8573 25.9911 16.6644C25.9911 15.9129 26.3674 15.0247 27.1199 14C27.8725 15.0247 28.2488 15.9129 28.2488 16.6644ZM34.2965 20.9479L36.2278 26.5618C35.0091 26.3969 33.1526 26.3918 31.8943 26.5464L33.8276 20.9268C33.9135 20.9551 34.0051 20.9709 34.1004 20.9709C34.1679 20.9709 34.2334 20.9625 34.2965 20.9479ZM17.9139 22.3559L19.85 16.728C19.9466 16.7649 20.0509 16.786 20.1603 16.786C20.2418 16.786 20.3204 16.7739 20.3952 16.753L22.3201 22.3482C21.0596 22.1847 19.1542 22.1873 17.9139 22.3559ZM18.0533 26.8646L14.0308 26.6875L11.6819 29.5699L13.3399 33.4323L17.3843 33.6875L19.6819 30.4295L18.0533 26.8646ZM14.0646 29.9972L16.9799 28.7424L16.557 31.8957L14.0646 29.9972ZM14.3126 27.1253L16.6423 28.1136L13.8232 29.2032L14.3126 27.1253ZM13.5198 30.5921L16.0518 32.3733L13.5811 33.0058L13.5198 30.5921ZM17.552 28.6967L19.2775 30.4216L17.0966 32.0136L17.552 28.6967ZM14.5101 33.3112L16.6455 32.7613L17.0213 33.4696L14.5101 33.3112ZM17.071 32.576L18.9403 31.2042L17.4425 33.2912L17.071 32.576ZM17.693 28.097L18.0561 27.3627L19.0444 29.4503L17.693 28.097ZM15.2307 26.9164L17.6038 27.0113L17.1882 27.7599L15.2307 26.9164ZM12.0221 29.4186L13.6843 27.3509L13.1334 29.6505L12.0221 29.4186ZM11.9498 29.8232L13.0664 30.0562L13.1149 32.5275L11.9498 29.8232Z"/>
+</svg>
diff --git a/web/src/assets/svgs/icons/law-balance.svg b/web/src/assets/svgs/icons/law-balance.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
+<svg height="32" width="32" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_12054_167323)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.79156 3.15129C7.79156 3.52555 7.70712 3.74087 7.57048 3.86274L11.3474 4.98979C11.4509 4.90059 11.5856 4.84623 11.7332 4.84623C12.0592 4.84623 12.3235 5.10951 12.3235 5.43429C12.3235 5.67037 12.1835 5.87337 11.982 5.96696L13.3039 9.76961C13.723 9.83625 14 9.93458 14 10.0646C14 10.5981 12.9553 11.0306 11.6667 11.0306C10.378 11.0306 9.33337 10.5981 9.33337 10.0646C9.33337 9.92642 9.64629 9.82404 10.1101 9.75743L11.4363 5.94197C11.3146 5.8712 11.2207 5.75845 11.1747 5.62343C11.1301 5.43834 11.0265 5.32151 10.8637 5.27295C10.6692 5.2149 10.4786 5.20833 10.2659 5.201C9.99706 5.19174 9.6928 5.18126 9.30029 5.06414L7.38131 4.49154V8.40273C7.53077 8.5094 7.62846 8.68344 7.62846 8.88059C7.62846 9.01134 7.58514 9.13172 7.51265 9.22937C7.70758 9.37395 7.83439 9.60457 7.83439 9.86526C7.83439 10.1808 7.64906 10.4524 7.38131 10.5802V11.3968C8.25276 11.4422 8.91665 11.6771 8.91665 11.9601C8.91665 11.9649 8.91645 11.9697 8.91607 11.9744C10.3227 12.0957 11.2938 12.3539 11.2938 12.6529L11.3007 13.07C11.3007 13.4854 9.42951 13.8188 7.11703 13.8188C4.80456 13.8188 2.93338 13.4786 2.93338 13.0632L2.91966 12.6529C2.91966 12.3587 3.86005 12.104 5.2303 11.9804C5.22955 11.9736 5.22916 11.9669 5.22916 11.9601C5.22916 11.6817 5.87174 11.4498 6.72236 11.3991V10.5934C6.43979 10.4715 6.2419 10.1916 6.2419 9.86531C6.2419 9.60465 6.36871 9.37399 6.56364 9.22941C6.49119 9.13176 6.44782 9.01142 6.44782 8.88063C6.44782 8.67167 6.55754 8.48864 6.72236 8.38435V4.29493L4.53389 3.64186C4.38825 3.5984 4.17506 3.48298 3.94728 3.35966L3.94727 3.35966L3.94727 3.35966L3.94726 3.35966L3.94726 3.35966C3.68597 3.2182 3.40547 3.06634 3.18566 3.00075C3.03336 2.9553 2.87703 2.98824 2.71666 3.09957C2.68578 3.12472 2.65221 3.14659 2.61659 3.16518L3.93556 6.95973C4.37412 7.02642 4.66664 7.12656 4.66664 7.26014C4.66664 7.79367 3.62198 8.22618 2.33332 8.22618C1.04466 8.22618 0 7.79367 0 7.26014C0 7.13055 0.275299 7.03244 0.692166 6.9658L2.02279 3.13777C1.86048 3.03298 1.75282 2.85131 1.75282 2.64428C1.75282 2.3195 2.0171 2.05622 2.34312 2.05622C2.60872 2.05622 2.83322 2.23096 2.90739 2.47131L6.29933 3.48345C6.2807 3.38972 6.27073 3.27989 6.27073 3.15129C6.27073 2.65026 6.5242 2.05816 7.03114 1.375C7.53808 2.05816 7.79156 2.65026 7.79156 3.15129ZM11.8653 6.00696L13.1662 9.74952C12.3453 9.63958 11.0947 9.63618 10.2472 9.73929L11.5495 5.99285C11.6073 6.01172 11.669 6.02227 11.7332 6.02227C11.7787 6.02227 11.8228 6.01665 11.8653 6.00696ZM0.829894 6.94559L2.13407 3.19369C2.19914 3.21827 2.2694 3.23234 2.34312 3.23234C2.39802 3.23234 2.45094 3.2243 2.50135 3.21035L3.79797 6.9405C2.9489 6.83147 1.66543 6.83317 0.829894 6.94559Z" />
 </g>
diff --git a/web/src/assets/svgs/icons/min-stake.svg b/web/src/assets/svgs/icons/min-stake.svg
@@ -1,4 +1,4 @@
-<svg  viewBox="10 9 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="32" height="32" viewBox="10 9 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_14856_32616)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6025 9.3125L30.0528 9.78456L34.2837 19.285L28.3147 27.9678L17.8076 27.2878L13.5 16.9941L19.6025 9.3125ZM27.264 14.7888L19.6903 18.1329L26.1653 23.1925L27.264 14.7888ZM26.3871 13.1131L20.3345 10.4793L19.063 16.0169L26.3871 13.1131ZM24.853 24.4655L18.2749 19.7185L18.4341 26.1509L24.853 24.4655ZM33.233 19.264L28.7504 14.6671L27.5673 23.5068L33.233 19.264ZM26.3952 25.4994L20.8475 26.9648L27.3716 27.387L26.3952 25.4994ZM32.357 21.3497L27.5008 25.0057L28.4657 26.9115L32.357 21.3497ZM30.06 11.112L29.1168 13.0688L32.6276 16.6755L30.06 11.112ZM28.8848 10.1755L22.7197 9.92262L27.8052 12.1706L28.8848 10.1755ZM18.7022 11.0805L14.384 16.5911L17.2711 17.2091L18.7022 11.0805ZM17.097 18.2901L14.196 17.6694L17.2229 24.8762L17.097 18.2901Z"/>
 </g>
diff --git a/web/src/assets/svgs/icons/pnk.svg b/web/src/assets/svgs/icons/pnk.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
+<svg height="32" width="32" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_13719_38976)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.60249 1.8125L17.0528 2.28456L21.2837 11.785L15.3147 20.4678L4.80756 19.7878L0.5 9.49409L6.60249 1.8125ZM14.264 7.28878L6.69025 10.6329L13.1653 15.6925L14.264 7.28878ZM13.3871 5.61306L7.33447 2.97929L6.06304 8.51691L13.3871 5.61306ZM11.853 16.9655L5.27494 12.2185L5.43405 18.6509L11.853 16.9655ZM20.233 11.764L15.7504 7.1671L14.5673 16.0068L20.233 11.764ZM13.3952 17.9994L7.84753 19.4648L14.3716 19.887L13.3952 17.9994ZM19.357 13.8497L14.5008 17.5057L15.4657 19.4115L19.357 13.8497ZM17.06 3.61196L16.1168 5.56883L19.6276 9.1755L17.06 3.61196ZM15.8848 2.67553L9.71972 2.42262L14.8052 4.6706L15.8848 2.67553ZM5.7022 3.58046L1.38398 9.09109L4.27107 9.7091L5.7022 3.58046ZM4.09698 10.7901L1.19598 10.1694L4.22295 17.3762L4.09698 10.7901Z" />
 </g>
diff --git a/web/src/assets/svgs/icons/redistributed-pnk.svg b/web/src/assets/svgs/icons/redistributed-pnk.svg
@@ -1,4 +1,4 @@
-<svg viewBox="6 6 36 36" xmlns="http://www.w3.org/2000/svg">
+<svg width="32" height="32" viewBox="6 6 36 36" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_13762_38788)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6025 14.8125L30.0528 15.2846L34.2837 24.785L28.3147 33.4678L17.8076 32.7878L13.5 22.4941L19.6025 14.8125ZM27.264 20.2888L19.6903 23.6329L26.1653 28.6925L27.264 20.2888ZM26.3871 18.6131L20.3345 15.9793L19.063 21.5169L26.3871 18.6131ZM24.853 29.9655L18.2749 25.2185L18.4341 31.6509L24.853 29.9655ZM33.233 24.764L28.7504 20.1671L27.5673 29.0068L33.233 24.764ZM26.3952 30.9994L20.8475 32.4648L27.3716 32.887L26.3952 30.9994ZM32.357 26.8497L27.5008 30.5057L28.4657 32.4115L32.357 26.8497ZM30.06 16.612L29.1168 18.5688L32.6276 22.1755L30.06 16.612ZM28.8848 15.6755L22.7197 15.4226L27.8052 17.6706L28.8848 15.6755ZM18.7022 16.5805L14.384 22.0911L17.2711 22.7091L18.7022 16.5805ZM17.097 23.7901L14.196 23.1694L17.2229 30.3762L17.097 23.7901Z" />
 </g>
diff --git a/web/src/assets/svgs/icons/rewards-per-pnk.svg b/web/src/assets/svgs/icons/rewards-per-pnk.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 29.6236V31.375C14 32.8229 17.5273 34 21.875 34C26.2227 34 29.75 32.8229 29.75 31.375V29.6236C28.0561 30.8172 24.9594 31.375 21.875 31.375C18.7906 31.375 15.6939 30.8172 14 29.6236ZM27.125 18.25C31.4727 18.25 35 17.0729 35 15.625C35 14.1771 31.4727 13 27.125 13C22.7773 13 19.25 14.1771 19.25 15.625C19.25 17.0729 22.7773 18.25 27.125 18.25ZM14 25.3211V27.4375C14 28.8854 17.5273 30.0625 21.875 30.0625C26.2227 30.0625 29.75 28.8854 29.75 27.4375V25.3211C28.0561 26.7156 24.9553 27.4375 21.875 27.4375C18.7947 27.4375 15.6939 26.7156 14 25.3211ZM31.0625 25.7723C33.4127 25.317 35 24.4721 35 23.5V21.7486C34.0484 22.4213 32.6498 22.8807 31.0625 23.1637V25.7723ZM21.875 19.5625C17.5273 19.5625 14 21.0309 14 22.8438C14 24.6566 17.5273 26.125 21.875 26.125C26.2227 26.125 29.75 24.6566 29.75 22.8438C29.75 21.0309 26.2227 19.5625 21.875 19.5625ZM30.8697 21.8717C33.3307 21.4287 35 20.5592 35 19.5625V17.8111C33.5439 18.8406 31.042 19.3943 28.4088 19.5256C29.6187 20.1121 30.5088 20.8996 30.8697 21.8717Z"/>
+</svg>
diff --git a/web/src/assets/svgs/icons/user.svg b/web/src/assets/svgs/icons/user.svg
@@ -1,3 +1,3 @@
-<svg  viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
+<svg height="24" width="24" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.8919 12.3125C14.119 12.3125 16.7373 9.66699 16.7373 6.40625C16.7373 3.14551 14.119 0.5 10.8919 0.5C7.6647 0.5 5.04644 3.14551 5.04644 6.40625C5.04644 9.66699 7.6647 12.3125 10.8919 12.3125ZM16.0878 13.625H13.8511C12.9499 14.0434 11.9473 14.2812 10.8919 14.2812C9.83643 14.2812 8.83784 14.0434 7.93261 13.625H5.69593C2.82599 13.625 0.5 15.9752 0.5 18.875V19.5312C0.5 20.6182 1.37275 21.5 2.44847 21.5H19.3352C20.411 21.5 21.2837 20.6182 21.2837 19.5312V18.875C21.2837 15.9752 18.9577 13.625 16.0878 13.625Z" />
 </svg>
diff --git a/web/src/assets/svgs/icons/vote-stake.svg b/web/src/assets/svgs/icons/vote-stake.svg
@@ -1,4 +1,4 @@
-<svg  viewBox="10 9 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="32" height="32" viewBox="10 9 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_14856_32598)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6025 9.3125L30.0528 9.78456L34.2837 19.285L28.3147 27.9678L17.8076 27.2878L13.5 16.9941L19.6025 9.3125ZM27.264 14.7888L19.6903 18.1329L26.1653 23.1925L27.264 14.7888ZM26.3871 13.1131L20.3345 10.4793L19.063 16.0169L26.3871 13.1131ZM24.853 24.4655L18.2749 19.7185L18.4341 26.1509L24.853 24.4655ZM33.233 19.264L28.7504 14.6671L27.5673 23.5068L33.233 19.264ZM26.3952 25.4994L20.8475 26.9648L27.3716 27.387L26.3952 25.4994ZM32.357 21.3497L27.5008 25.0057L28.4657 26.9115L32.357 21.3497ZM30.06 11.112L29.1168 13.0688L32.6276 16.6755L30.06 11.112ZM28.8848 10.1755L22.7197 9.92262L27.8052 12.1706L28.8848 10.1755ZM18.7022 11.0805L14.384 16.5911L17.2711 17.2091L18.7022 11.0805ZM17.097 18.2901L14.196 17.6694L17.2229 24.8762L17.097 18.2901Z"/>
 </g>
diff --git a/web/src/assets/svgs/icons/votes-per-pnk.svg b/web/src/assets/svgs/icons/votes-per-pnk.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1196 11L29.5699 11.4721L33.8008 20.9725L27.8318 29.6553L17.3247 28.9753L13.0171 18.6816L19.1196 11ZM26.781 16.4763L19.2073 19.8204L25.6824 24.88L26.781 16.4763ZM25.9042 14.8006L19.8516 12.1668L18.5801 17.7044L25.9042 14.8006ZM24.3701 26.153L17.792 21.406L17.9511 27.8384L24.3701 26.153ZM32.7501 20.9515L28.2675 16.3546L27.0844 25.1943L32.7501 20.9515ZM25.9123 27.1869L20.3646 28.6523L26.8887 29.0745L25.9123 27.1869ZM31.8741 23.0372L27.0179 26.6932L27.9828 28.599L31.8741 23.0372ZM29.5771 12.7995L28.6339 14.7563L32.1447 18.363L29.5771 12.7995ZM28.4019 11.863L22.2368 11.6101L27.3223 13.8581L28.4019 11.863ZM18.2193 12.768L13.9011 18.2786L16.7882 18.8966L18.2193 12.768ZM16.6141 19.9776L13.7131 19.3569L16.74 26.5637L16.6141 19.9776ZM11.0171 30.1C11.0171 28.9406 11.9647 28 13.1326 28H13.8378V33.5999H33.5826V28H34.2878C35.4557 28 36.4033 28.9406 36.4033 30.1V34.2999C36.4033 35.4592 35.4557 36.3999 34.2878 36.3999H13.1326C11.9647 36.3999 11.0171 35.4592 11.0171 34.2999V30.1Z" fill="#B45FFF"/>
+</svg>
diff --git a/web/src/components/StatDisplay.tsx b/web/src/components/StatDisplay.tsx
@@ -27,8 +27,6 @@ const SVGContainer = styled.div<{ iconColor: string; backgroundColor: string }>`
   justify-content: center;
   svg {
     fill: ${({ iconColor }) => iconColor};
-    height: ${({ iconColor, theme }) => (iconColor === theme.success ? "24px" : "32px")};
-    width: ${({ iconColor, theme }) => (iconColor === theme.success ? "24px" : "32px")};
   }
 `;
 
diff --git a/web/src/hooks/queries/useCourtAllTimeQuery.ts b/web/src/hooks/queries/useCourtAllTimeQuery.ts
@@ -0,0 +1,120 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { useGraphqlBatcher } from "context/GraphqlBatcher";
+import { useMemo } from "react";
+
+import { graphql } from "src/graphql";
+import { CourtAllTimeQuery } from "src/graphql/graphql";
+export type { CourtAllTimeQuery };
+
+const courtAllTimeQuery = graphql(`
+  query CourtAllTime {
+    presentCourts: courts(orderBy: id, orderDirection: asc) {
+      id
+      parent {
+        id
+      }
+      name
+      numberDisputes
+      numberVotes
+      feeForJuror
+      stake
+    }
+  }
+`);
+
+export const useCourtAllTimeQuery = () => {
+  const { graphqlBatcher } = useGraphqlBatcher();
+
+  const usedQuery = useQuery({
+    queryKey: [`courtAllTimeQuery`],
+    staleTime: Infinity,
+    queryFn: async () => {
+      const data = await graphqlBatcher.fetch({
+        id: crypto.randomUUID(),
+        document: courtAllTimeQuery,
+      });
+      return data;
+    },
+  });
+
+  const courtActivityStats = useMemo(() => {
+    if (usedQuery.data && !usedQuery.isFetching) {
+      // 1. court with most disputes
+      // we only iterate through past courts, since more courts might exist at the present
+      // these diffCourts have: average stakes, and dispute diff
+      const diffCourts = usedQuery.data.presentCourts.map((c) => ({
+        ...c,
+        numberDisputes: c.numberDisputes,
+        treeNumberDisputes: c.numberDisputes,
+        numberVotes: c.numberVotes,
+        treeNumberVotes: c.numberVotes,
+        stake: c.stake,
+      }));
+
+      const mostDisputedCourt = diffCourts.sort((a, b) => b.numberDisputes - a.numberDisputes)[0];
+      // 2. biggest chances of getting drawn
+      // fact a: getting drawn in a parent court also subjects you to its rewards
+      // fact b: staking in children, stakes in parents. but subgraph at this date doesn't reflect this
+      // so, stakes trickle up, rewards/disputes trickle down
+
+      for (const parent of diffCourts) {
+        for (const child of diffCourts) {
+          if (parent.id === child.parent?.id) {
+            child.treeNumberVotes = String(Number(parent.treeNumberVotes) + Number(child.treeNumberVotes));
+            child.treeNumberDisputes = String(Number(parent.treeNumberDisputes) + Number(child.treeNumberDisputes));
+          }
+        }
+      }
+      diffCourts.reverse();
+      for (const child of diffCourts) {
+        for (const parent of diffCourts) {
+          if (parent.id === child.parent?.id) {
+            parent.stake = String(BigInt(parent.stake) + BigInt(child.stake));
+          }
+        }
+      }
+      diffCourts.reverse();
+      for (const c of diffCourts) {
+        c.votesPerPnk = Number(c.numberVotes) / (Number(c.stake) / 1e18);
+        c.treeVotesPerPnk = c.votesPerPnk;
+        c.disputesPerPnk = Number(c.numberDisputes) / (Number(c.stake) / 1e18);
+        c.treeDisputesPerPnk = c.disputesPerPnk;
+      }
+      for (const parent of diffCourts) {
+        for (const child of diffCourts) {
+          if (parent.id === child.parent?.id) {
+            child.treeVotesPerPnk += parent.votesPerPnk;
+            child.treeDisputesPerPnk += parent.disputesPerPnk;
+          }
+        }
+      }
+      const bestDrawingChancesCourt = diffCourts.sort((a, b) => b.treeVotesPerPnk - a.treeVotesPerPnk)[0];
+      // 3. expected reward
+      // since we isolated the exclusive disputes from the cumulative disputes
+      // we can calculate the "isolated reward" of every court
+      // after that's done, then just trickle the rewards down
+
+      for (const c of diffCourts) {
+        c.expectedRewardPerPnk = c.votesPerPnk * c.feeForJuror;
+        c.treeExpectedRewardPerPnk = c.expectedRewardPerPnk;
+      }
+      for (const parent of diffCourts) {
+        for (const child of diffCourts) {
+          if (parent.id === child.parent?.id) {
+            child.treeExpectedRewardPerPnk = parent.treeExpectedRewardPerPnk + child.treeExpectedRewardPerPnk;
+          }
+        }
+      }
+      const bestExpectedRewardCourt = diffCourts.sort(
+        (a, b) => b.treeExpectedRewardPerPnk - a.treeExpectedRewardPerPnk
+      )[0];
+
+      return { mostDisputedCourt, bestDrawingChancesCourt, bestExpectedRewardCourt, diffCourts };
+    } else {
+      return undefined;
+    }
+  }, [usedQuery]);
+
+  return courtActivityStats;
+};
diff --git a/web/src/hooks/queries/useCourtDetails.ts b/web/src/hooks/queries/useCourtDetails.ts
@@ -17,10 +17,12 @@ const courtDetailsQuery = graphql(`
       numberClosedDisputes
       numberAppealingDisputes
       numberStakedJurors
+      numberVotes
       stake
       paidETH
       paidPNK
       timesPerPeriod
+      feeForJuror
     }
   }
 `);
diff --git a/web/src/hooks/queries/useHomePageBlockQuery.ts b/web/src/hooks/queries/useHomePageBlockQuery.ts
diff --git a/web/src/pages/Courts/CourtDetails/Stats.tsx b/web/src/pages/Courts/CourtDetails/Stats.tsx
