diff --git a/__tests__/components/waves/leaderboard/header/WaveleaderboardSort.test.tsx b/__tests__/components/waves/leaderboard/header/WaveleaderboardSort.test.tsx index cdb93bb93c..d93f7f8211 100644 --- a/__tests__/components/waves/leaderboard/header/WaveleaderboardSort.test.tsx +++ b/__tests__/components/waves/leaderboard/header/WaveleaderboardSort.test.tsx @@ -1,9 +1,8 @@ -import React from "react"; -import { render, screen } from "@testing-library/react"; -import userEvent from "@testing-library/user-event"; -import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { WaveleaderboardSort } from "@/components/waves/leaderboard/header/WaveleaderboardSort"; import { WaveDropsLeaderboardSort } from "@/hooks/useWaveDropsLeaderboard"; +import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; +import { render, screen } from "@testing-library/react"; +import userEvent from "@testing-library/user-event"; describe("WaveleaderboardSort", () => { it("highlights active sort and triggers changes", async () => { @@ -28,7 +27,7 @@ describe("WaveleaderboardSort", () => { WaveDropsLeaderboardSort.RATING_PREDICTION ); - await user.click(screen.getByText("🔥 Hot")); + await user.click(screen.getByText("Hot")); expect(onSortChange).toHaveBeenCalledWith(WaveDropsLeaderboardSort.TREND); await user.click(screen.getByText("Newest")); diff --git a/components/waves/leaderboard/header/WaveleaderboardSort.tsx b/components/waves/leaderboard/header/WaveleaderboardSort.tsx index 6eacf5b9d0..4e4c4e1166 100644 --- a/components/waves/leaderboard/header/WaveleaderboardSort.tsx +++ b/components/waves/leaderboard/header/WaveleaderboardSort.tsx @@ -1,16 +1,16 @@ "use client"; -import React, { useCallback, useEffect, useMemo } from "react"; -import { debounce } from "lodash"; -import { WaveDropsLeaderboardSort } from "@/hooks/useWaveDropsLeaderboard"; -import { useQueryClient } from "@tanstack/react-query"; -import { commonApiFetch } from "@/services/api/common-api"; -import type { ApiDropsLeaderboardPage } from "@/generated/models/ApiDropsLeaderboardPage"; import { QueryKey } from "@/components/react-query-wrapper/ReactQueryWrapper"; import { WAVE_DROPS_PARAMS, getDefaultQueryRetry, } from "@/components/react-query-wrapper/utils/query-utils"; +import type { ApiDropsLeaderboardPage } from "@/generated/models/ApiDropsLeaderboardPage"; +import { WaveDropsLeaderboardSort } from "@/hooks/useWaveDropsLeaderboard"; +import { commonApiFetch } from "@/services/api/common-api"; +import { useQueryClient } from "@tanstack/react-query"; +import { debounce } from "lodash"; +import React, { useCallback, useEffect, useMemo } from "react"; interface WaveleaderboardSortProps { readonly sort: WaveDropsLeaderboardSort; @@ -89,12 +89,12 @@ export const WaveleaderboardSort: React.FC = ({ staleTime: 60000, ...getDefaultQueryRetry(), }) - .catch((error) => { + .catch((error: unknown) => { // Log prefetch errors for debugging while not blocking the UI console.warn("Failed to prefetch leaderboard data:", { waveId, targetSort, - error: error?.message ?? error, + error: error instanceof Error ? error.message : error, }); }); }, @@ -128,13 +128,6 @@ export const WaveleaderboardSort: React.FC = ({ id="tabsId" className="tw-flex tw-rounded-lg tw-border tw-border-solid tw-border-white/10 tw-bg-iron-950 tw-p-1" > - +