import React from 'react' import {Link} from 'react-router-dom' import Img from '../../../assets/user_avatar.jpg' import CustomCounter from '../../CustomCounter' export default function RecentPaymentsBar({data, isFetching, isError, error}) { const recentPayment = data?.data?.recent_payment_summary const recentLogin = data?.data?.recent_login return (

Recent Payments [7 days]

{isFetching ?
: isError ?

{error?.message}

:

Approved

Verified

Failed

Total

}

Recent Login

{isFetching ?
: isError ?

{error?.message}

:
{recentLogin.map((item, index)=> { return (
Order

{item.firstname} {item.lastname}

{item.username}

) } )}
}
) }