52 lines
1.2 KiB
TypeScript
52 lines
1.2 KiB
TypeScript
|
'use client'
|
||
|
|
|
||
|
|
import { useGetReferralPayments } from '@/app/hooks/react-query/useGetReferralPayments';
|
||
|
|
import { useEffect } from 'react';
|
||
|
|
|
||
|
|
export default function PaymentsHistory() {
|
||
|
|
|
||
|
|
const { data: paymentsData } = useGetReferralPayments();
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
console.log(paymentsData);
|
||
|
|
}, [paymentsData])
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<h4 className="mt-[30px]">📊 История выплат</h4>
|
||
|
|
<div className="stats-grid">
|
||
|
|
<div className="stats-item left-top-corner stats-header">
|
||
|
|
Сумма
|
||
|
|
</div>
|
||
|
|
<div className="stats-item stats-header">
|
||
|
|
Способ
|
||
|
|
</div>
|
||
|
|
<div className="stats-item stats-header">
|
||
|
|
Статус
|
||
|
|
</div>
|
||
|
|
<div className="stats-item stats-header">
|
||
|
|
Дата запроса
|
||
|
|
</div>
|
||
|
|
<div className="stats-item last-column right-top-corner stats-header">
|
||
|
|
Обработано
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="stats-item first-column left-bottom-corner">
|
||
|
|
0
|
||
|
|
</div>
|
||
|
|
<div className="stats-item second-row">
|
||
|
|
0
|
||
|
|
</div>
|
||
|
|
<div className="stats-item second-row">
|
||
|
|
0
|
||
|
|
</div>
|
||
|
|
<div className="stats-item second-row">
|
||
|
|
0
|
||
|
|
</div>
|
||
|
|
<div className="stats-item last-column right-bottom-corner">
|
||
|
|
0
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|