chore: change naming to staking history

Author: kemuru

web/src/pages/Courts/CourtDetails/LatestStakesByCourt/DisplayStakes/Header.tsx renamed to web/src/pages/Courts/CourtDetails/StakingHistoryByCourt/DisplayStakes/Header.tsx

@@ -29,7 +29,7 @@ const StyledLabel = styled.label`
 export const MobileHeader: React.FC = () => {
   return (
     <Container>
-      <StyledLabel>Latest Stakes</StyledLabel>
+      <StyledLabel>Staking History</StyledLabel>
     </Container>
   );
 };

web/src/pages/Courts/CourtDetails/LatestStakesByCourt/DisplayStakes/Header/DesktopHeader.tsx renamed to web/src/pages/Courts/CourtDetails/StakingHistoryByCourt/DisplayStakes/Header/DesktopHeader.tsx

@@ -93,7 +93,15 @@ const DisplayStakes: React.FC = () => {
   const { data, isFetching } = useStakingEventsByCourt(courtIds, skip, PER_PAGE, searchValue || undefined);
 
   const [acc, setAcc] = useState<
-    Array<{ id: string; address: string; stake: string; timestamp: string; courtId: number; courtName: string }>
+    Array<{
+      id: string;
+      address: string;
+      stake: string;
+      timestamp: string;
+      transactionHash: string;
+      courtId: number;
+      courtName: string;
+    }>
   >([]);
 
   useEffect(() => {

web/src/pages/Courts/CourtDetails/LatestStakesByCourt/DisplayStakes/Header/MobileHeader.tsx renamed to web/src/pages/Courts/CourtDetails/StakingHistoryByCourt/DisplayStakes/Header/MobileHeader.tsx

@@ -17,14 +17,14 @@ const Title = styled.h1`
   font-size: ${responsiveSize(20, 24)};
 `;
 
-const LatestStakesByCourt: React.FC<{ courtName: string | undefined }> = ({ courtName }) => {
+const StakingHistoryByCourt: React.FC<{ courtName: string | undefined }> = ({ courtName }) => {
   return (
     <Container>
-      <Title>Latest Stakes in {getDescriptiveCourtName(courtName)}</Title>
+      <Title>Staking History in {getDescriptiveCourtName(courtName)}</Title>
       <Search />
       <DisplayStakes />
     </Container>
   );
 };
 
-export default LatestStakesByCourt;
+export default StakingHistoryByCourt;

web/src/pages/Courts/CourtDetails/LatestStakesByCourt/DisplayStakes/StakeEventCard.tsx renamed to web/src/pages/Courts/CourtDetails/StakingHistoryByCourt/DisplayStakes/StakeEventCard.tsx

@@ -24,8 +24,8 @@ import { StyledSkeleton } from "components/StyledSkeleton";
 
 import Description from "./Description";
 import JurorsStakedByCourt from "./JurorsStakedByCourt";
-import LatestStakesByCourt from "./LatestStakesByCourt";
 import StakePanel from "./StakePanel";
+import StakingHistoryByCourt from "./StakingHistoryByCourt";
 import Stats from "./Stats";
 import TopSearch from "./TopSearch";
 
@@ -169,7 +169,7 @@ const CourtDetails: React.FC = () => {
       <LatestCases title={`Latest Cases in ${getDescriptiveCourtName(courtName)}`} filters={{ court: id }} />
       <StakingSections>
         <JurorsStakedByCourt {...{ courtName }} />
-        <LatestStakesByCourt {...{ courtName }} />
+        <StakingHistoryByCourt {...{ courtName }} />
       </StakingSections>
       <ScrollTop />
     </Container>