fix: fix some types

Author: kemuru

web/src/components/StatDisplay.tsx

@@ -44,7 +44,7 @@ const createPair = (iconColor: string, backgroundColor: string) => ({
 export interface IStatDisplay {
   title: string;
   text: string | React.ReactNode;
-  subtext: string | React.ReactNode;
+  subtext?: string | React.ReactNode;
   icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
   color: "red" | "orange" | "green" | "blue" | "purple";
 }

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

@@ -185,16 +185,15 @@ const stats: IStat[] = [
   },
 ];
 
-interface IStats {
+interface ITimeframedStat {
   title: string;
   coinId?: number;
-  getText: any; //(data: CourtDetailsQuery["court"]) => string;
-  getSubtext?: any; // (data: CourtDetailsQuery["court"], coinPrice?: number) => string;
+  getText: (data: { treeExpectedRewardPerPnk: number; treeVotesPerPnk: number; treeDisputesPerPnk: number }) => string;
   color: IStatDisplay["color"];
   icon: React.FC<React.SVGAttributes<SVGElement>>;
 }
 
-const timeframedStats: IStats[] = [
+const timeframedStats: ITimeframedStat[] = [
   {
     title: "PNK for 1 ETH",
     getText: (data) => {
@@ -299,13 +298,12 @@ const Stats = () => {
                 </StyledAllTimeText>
               </TimeSelectorContainer>
               <StyledCard>
-                {timeframedStats.map(({ title, getText, getSubtext, color, icon }, i) => {
+                {timeframedStats.map(({ title, getText, color, icon }, i) => {
                   return (
                     <StatDisplay
                       key={i}
                       {...{ title, color, icon }}
                       text={foundCourt ? getText(foundCourt) : <StyledSkeleton />}
-                      subtext={calculateSubtextRender(foundCourt, getSubtext)}
                     />
                   );
                 })}