transfer fund implemented

src/components/MyWallet/Balance.jsx

@@ -31,11 +31,11 @@ function Balance({wallet, payment, coupon, purchase}) {
                                 </div>
                                 <div className='balance-info'>
                                     <p className='py-2'>balance</p>
-                                    <span className='text-sm py-1 px-2 bg-green-100 text-green-500 rounded-lg'>{item.symbol}{(item.amount*1).toFixed(2)}</span>
+                                    <span className='text-sm py-1 px-2 bg-green-100 text-green-500 rounded-lg'>{item.symbol}{(item.amount*0.01).toFixed(2)}</span>
                                 </div>
                                 <div className='balance-info'>
                                     <p className='py-2'>Escrow</p>
-                                    <span className='text-sm py-1 px-2 bg-red-100 text-red-500 rounded-lg'>{item.symbol}{(item.escrow*1).toFixed(2)}</span>
+                                    <span className='text-sm py-1 px-2 bg-red-100 text-red-500 rounded-lg'>{item.symbol}{(item.escrow*0.01).toFixed(2)}</span>
                                 </div>
                             </div>
 

src/components/MyWallet/ConfirmTransfer.jsx

@@ -1,10 +1,15 @@
-import React, {useState} from 'react'
+import React, {useState, useEffect} from 'react'
 import {useLocation, useNavigate} from 'react-router-dom'
 import RecentActivityTable from './WalletComponent/RecentActivityTable'
 import LoadingSpinner from '../Spinners/LoadingSpinner'
 import InputCom from '../Helpers/Inputs/InputCom'
+import {toast} from 'react-toastify'
+
+import usersService from '../../services/UsersService'
 
 function ConfirmTransfer({payment, wallet}) {
+    const apiURL = new usersService()
+
     const navigate = useNavigate()
     
     let {state} = useLocation()
@@ -14,16 +19,40 @@ function ConfirmTransfer({payment, wallet}) {
     }
 
     let [requestStatus, setRequestStatus] = useState({message: '', loading: false, status: false})
+    let [pageLoading, setPageLoading] = useState(true)
 
     //FUNCTION TO HANDLE SUBMIT
     const handleSubmit = () => {
-        // let [requestStatus, setRequestStatus] = useState({message: '', loading: true, status: false})
+        setRequestStatus({message: '', loading: true, status: false})
-
+        let reqData = {
-        //valid inputs before submitting. Just for texting remove later
+            amount: Number(state.amount),
-     
+            Fee: Number(state.fee),
+            recipientid: Number(state.recipientID)
         }
+        apiURL.sendMoney(reqData).then((res)=>{
+            if(res.data.internal_return < 0){
+                setRequestStatus({message: 'Could not perform transaction', loading: false, status: false})
+                return
+            }
+            setRequestStatus({message: 'transfer successful', loading: false, status: true})
+            toast.success('Transfer sucessful')
+            setTimeout(()=>{
+                navigate('/', {replace: true})
+            }, 1000)
+        }).catch(error=>{
+            setRequestStatus({message: 'Opps! something went wrong! Try Again', loading: false, status: false})
+        })
+    }
+
+    useEffect(()=>{
+        setPageLoading(false)
+    },[])
     return (
         <div className="content-wrapper w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin">
+            {pageLoading ? 
+                <LoadingSpinner size='8' color='sky-blue' />
+            :
+                (
                 <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
                     <div className="add-fund w-full bg-white dark:bg-dark-white rounded-2xl shadow">
                         <div className='px-4 md:px-8 py-4'>
@@ -34,7 +63,7 @@ function ConfirmTransfer({payment, wallet}) {
                                 <h2 className='my-4 text-slate-500 dark:text-white text-sm xl:text-xl font-medium'>
                                 {wallet.data.map(item => {
                                     if(item.description == 'Naira'){
-                                    return `Withdraw from Naira Wallet : ${item.symbol}${(item.amount*1).toFixed(2)}`
+                                        return `Withdraw from Naira Wallet : ${item.symbol}${(item.amount*0.01).toFixed(2)}`
                                     }
                                 })}
                                 </h2>
@@ -104,8 +133,8 @@ function ConfirmTransfer({payment, wallet}) {
                                 </div>
                         </div>
 
-                   
                         <hr />
+                        {requestStatus.message && <p className={`text-base ${requestStatus.status? 'text-green-500' : 'text-red-500'} px-4 md:px-8 py-4`}>{requestStatus.message}</p>}
                         <div className='px-4 md:px-8 py-4 add-fund-btn flex justify-end items-center'>
                             {requestStatus.loading ? 
                             <LoadingSpinner size='8' color='sky-blue' />
@@ -115,6 +144,8 @@ function ConfirmTransfer({payment, wallet}) {
                         </div>
                     </div>
                 </div>
+                )
+            }
     
             <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
                 <div className="wallet w-full px-4 md:px-8 py-4 h-full max-h-[800px] bg-white dark:bg-dark-white overflow-y-auto rounded-2xl shadow">

src/components/MyWallet/TransferFund.jsx

@@ -103,7 +103,7 @@ function TransferFund({payment, wallet}) {
                                     <h2 className='my-4 py-2 text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>
                                     {wallet.data.map(item => {
                                         if(item.description == 'Naira'){
-                                            return `Withdraw from Naira Wallet : ${item.symbol}${(item.amount*1).toFixed(2)}`
+                                            return `Withdraw from Naira Wallet : ${item.symbol}${(item.amount*0.01).toFixed(2)}`
                                         }
                                     })}
                                     </h2>

src/components/MyWallet/WalletHeader.jsx

@@ -58,7 +58,7 @@ export default function WalletHeader(props) {
                                             </div>
                                             <div>
                                                 <p className="eth text-xl font-bold text-purple">
-                                                    {(value.amount*1).toFixed(2)} {value.code}
+                                                    {(value.amount*0.01).toFixed(2)} {value.code}
                                                 </p>
                                                 <p className="usd text-base text-thin-light-gray text-right">
                                                     {/*(773.69 USD)*/}

src/services/UsersService.js

@@ -231,6 +231,19 @@ class usersService {
         return this.postAuxEnd("/paymenthx", postData);
     }
 
+    // API FUNCTION TO GET PAYMENT HISTORY
+    sendMoney(reqData){
+        var postData = {
+            uid: localStorage.getItem("uid"),
+            member_id: localStorage.getItem("member_id"),
+            sessionid: localStorage.getItem("session_token"),
+            senderid: localStorage.getItem("member_id"),
+            action: 33020,
+            ...reqData
+        };
+        return this.postAuxEnd("/sendmoney", postData);
+    }
+    
     //END POINT CALL FOR REFERRAL HISTORY
     getReferralHx(){
         var postData = {