fixed dashboard payments endpoint

src/component/home/DashPayments.jsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { getDashPayments } from '../../services/services'
 import { useQuery } from '@tanstack/react-query'
 import queryKeys from '../../services/queryKeys'
+import getDateFromDateString from '../../helpers/getDateFromDateString'
 import getImage from '../../utils/getImage'
 
 export default function DashPayments() {
@@ -18,7 +19,7 @@ export default function DashPayments() {
         }
     })
 
-    const payments = data?.data
+    const payments = data?.data?.member_payments
     // console.log('data', payments)
 
   return (
@@ -30,7 +31,7 @@ export default function DashPayments() {
                         <h4 className="card-title">Payments</h4>
                     </div>
                 </div>
-                <div className="card-body scrollbar scroll_dark pt-0" style={{maxHeight: '350px'}}>
+                <div className="overflow-y-auto card-body scrollbar scroll_dark pt-0" style={{maxHeight: '350px'}}>
                     <div className="datatable-wrapper table-responsive">
                     {isFetching ? 
                         <>
@@ -62,17 +63,13 @@ export default function DashPayments() {
                                 payments.map((item, index) => {
                                     return (
                                         <tr key={index}>
-                                            <td>{Number(item?.id).toString().padStart(6,'0')}</td>
+                                            {/* <td>{Number(item?.id).toString().padStart(6,'0')}</td> */}
                                             <td>
-                                                <a className="mr-3" href={externalUrl} target='_blank'><b>{externalUrl}</b></a> -  {item?.description}
+                                                {getDateFromDateString(item?.added)}
                                             </td>
 
-                                            <td><span className={`badge ${statusColor}`}>{statusText}</span></td>
-                                            <td>
-                                                <a className="mr-3" href={productUrl}>
-                                                    <img src={getImage('arrow-next.png')} alt='next' />
-                                                </a>
-                                            </td>
+                                            <td>{item?.option_name}</td>
+                                            <td className='text-right'>${item?.amount}</td>
                                         </tr>
                                     )
                                 })