rewards API implemented

src/components/History/index.jsx

@@ -30,12 +30,6 @@ export default function History() {
         error: false
     })
 
-    let [familyRewardHistory, setFamilyRewardHistory] = useState({ // FOR PURCHASE HISTORY
-        loading: true,
-        data: [],
-        error: false
-    })
-
     //FUNCTION TO GET PAYMENT HISTORY
     const getPaymentHistory = ()=>{
       apiCall.getPaymentHx().then((res)=>{
@@ -63,19 +57,6 @@ export default function History() {
       })
   }
 
-    //FUNCTION TO GET FAMILY REWARD HISTORY
-    const getFamilyRewardHistory = ()=>{
-        apiCall.getFamilyRewardHx().then((res)=>{
-            if(res.data.internal_return < 0){ // success but no data
-                setFamilyRewardHistory(prev => ({...prev, loading: false}))
-                return
-            }
-            setFamilyRewardHistory(prev => ({...prev, loading: false, data: res.data.result_list}))
-        }).catch((error)=>{
-            setFamilyRewardHistory(prev => ({...prev, loading: false, error: true}))
-        })
-    }
-
   useEffect(()=>{
     getPaymentHistory()
   }, [])
@@ -84,10 +65,6 @@ export default function History() {
     getPurchaseHistory()
   }, [])
 
-  useEffect(()=>{
-    getFamilyRewardHistory()
-  }, [])
-
   return (
     <>
       <Layout>
@@ -307,11 +284,11 @@ export default function History() {
                         <div className="wallet w-full border-t">
                             <h1 className="p-2 text-xl font-bold text-dark-gray dark:text-white tracking-wide">Rewards</h1>
                             {/* <p className='text-base text-slate-500 dark:text-white'>Activity Report</p> */}
-                            {paymentHistory.loading ? 
+                            {/* {paymentHistory.loading ? 
                             <LoadingSpinner size='16' color='sky-blue' />
-                            :
-                            <RewardsTable reward={familyRewardHistory} />
-                        }
+                            : */}
+                        {/* } */}
+                            <RewardsTable />
                         </div>
                     }
                     {/* END OF REWARD SECTION */}