chore: add no unused vars lint rule

components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/Client.tsx

@@ -10,16 +10,7 @@ import Pagination from "@/components/MyPages/Pagination"
 
 import ClientTable from "./ClientTable"
 
-import type { Transactions } from "@/types/components/myPages/myPage/earnAndBurn"
-
-export default function TransactionTable({
-  initialJourneyTransactions,
-}: {
-  initialJourneyTransactions: {
-    data: { transactions: Transactions }
-    meta: { totalPages: number }
-  }
-}) {
+export default function TransactionTable() {
   const limit = 5
   const [page, setPage] = useState(1)
   const { data, isFetching, isLoading } =
@@ -29,8 +20,6 @@ export default function TransactionTable({
         page,
       },
       {
-        // TODO: fix the initial data issues on page load
-        // initialData: initialJourneyTransactions,
         placeholderData: keepPreviousData,
       }
     )

components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/index.tsx

@@ -1,18 +1,5 @@
-import { serverClient } from "@/lib/trpc/server"
-
 import ClientJourney from "./Client"
 
 export default async function JourneyTable() {
-  const initialJourneyTransactions =
-    await serverClient().user.transaction.friendTransactions({
-      page: 1,
-      limit: 5,
-    })
-  if (!initialJourneyTransactions?.data) {
-    return null
-  }
-
-  return (
-    <ClientJourney initialJourneyTransactions={initialJourneyTransactions} />
-  )
+  return <ClientJourney />
 }