refactor(web): rabbit-feedback

Author: tractorss

web/src/hooks/useCoinPrice.tsx

@@ -6,10 +6,14 @@ const fetchCoinPrices = async (...coinIds) => {
   return data.coins;
 };
 
+export type Prices = {
+  [coinId: string]: { price: number };
+};
+
 export const useCoinPrice = (coinIds: string[]) => {
   const isEnabled = coinIds !== undefined;
 
-  const { data: prices, isError } = useQuery({
+  const { data: prices, isError } = useQuery<Prices>({
     queryKey: [`coinPrice${coinIds}`],
     enabled: isEnabled,
     queryFn: async () => fetchCoinPrices(coinIds),

web/src/pages/Courts/CourtDetails/Stats/StatsContent.tsx

@@ -3,6 +3,7 @@ import styled from "styled-components";
 
 import ChartIcon from "svgs/icons/chart.svg";
 
+import { Prices } from "hooks/useCoinPrice";
 import { calculateSubtextRender } from "utils/calculateSubtextRender";
 import { isUndefined } from "utils/index";
 
@@ -50,7 +51,7 @@ const StyledCard = styled.div`
   gap: 20px 0;
 `;
 
-const StatsContent: React.FC<{ court: CourtDetailsQuery["court"]; pricesData: any; coinIds: string[] }> = ({
+const StatsContent: React.FC<{ court: CourtDetailsQuery["court"]; pricesData?: Prices; coinIds: string[] }> = ({
   court,
   pricesData,
   coinIds,

web/src/pages/Courts/CourtDetails/Stats/stats.ts

@@ -54,7 +54,7 @@ export const stats: IStat[] = [
       return `${formatPNK(stake)} PNK`;
     },
     getSubtext: (data, coinPrice) => {
-      const stake = BigInt((data?.minStake * data?.alpha) / 1e4);
+      const stake = (BigInt(data?.minStake) * BigInt(data?.alpha)) / BigInt(1e4);
       return formatUSD(Number(formatUnitsWei(stake)) * (coinPrice ?? 0));
     },
     color: "blue",