complete award page - score - transactions not complete

src/components/transactions/index.tsx

@@ -1,18 +1,24 @@
-import { useState } from "react"
+import { useEffect, useState } from "react"
 import { Table } from "../common/table"
 import { SortingState } from "@tanstack/react-table"
 import { transactionsCol } from "../../utility/transactions"
+import { getTransactionsList } from "../../services/api/transactions"
+import { useQuery } from "@tanstack/react-query"
 
 export const Transactions = () => {
     const [sorting, setSorting] = useState<SortingState>([])
 
-    // const { data, isLoading } = useQuery({
-    //     queryKey: ["transactions-list"],
-    //     queryFn: getTransactionsList
-    // })
+    const { data, isLoading } = useQuery({
+        queryKey: ["transactions-list"],
+        queryFn: getTransactionsList
+    })
 
-    // if (isLoading) return <p>LOADING ....</p>
+    useEffect(() => {
+        console.log("data=>", data)
+    }, [data])
+
+    if (isLoading) return <p>LOADING ....</p>
     return (
-        <Table sorting={sorting} setSorting={setSorting} columns={transactionsCol} data={[]} />
+        <Table sorting={sorting} setSorting={setSorting} columns={transactionsCol} data={data?.data?.data} />
     )
 }