Show withdraw req in dashboard

Author: Hossein-ab99

src/pages/Dashboard/Dashboard.js

@@ -1,14 +1,15 @@
 import React from "react";
 import Loading from "../../components/Loading";
 import ScrollBar from "../../components/ScrollBar";
-import {useGetUsersByGroup, useGetUsersList} from "../../query";
+import {useGetUsersByGroup, useGetUsersList, useGetWithdrawsReq} from "../../query";
 import Chain from "./Chain/Chain";
 import Token from "./Token/Token";
 import BriefWallet from "./BriefWallet/BriefWallet";
 
 const Dashboard = () => {
 
     const {data: users} = useGetUsersList(1, 10)
+    const {data: withdraws} = useGetWithdrawsReq("CREATED", 1, 500)
     const {data: kycReq} = useGetUsersByGroup("kyc-requested", 1, 10)
 
     return <ScrollBar>
@@ -24,6 +25,16 @@ const Dashboard = () => {
                         </div> : <Loading/>
                     }
                 </div>
+                <div className="d-flex justify-content-center align-items-center primary-bg"
+                     style={{width: "30%", height: "20vh", borderRadius: "7px"}}>
+                    {withdraws !== null ?
+                        <div className="d-flex flex-column justify-content-center align-items-center"
+                             style={{height: "100%"}}>
+                            <h4 className="mb-2">Withdraws Req</h4>
+                            <span className="mt-2 text-info" style={{fontSize: "2rem"}}>{withdraws?.length || "-"}</span>
+                        </div> : <Loading/>
+                    }
+                </div>
                 <div className="d-flex justify-content-center align-items-center primary-bg"
                      style={{width: "30%", height: "20vh", borderRadius: "7px"}}>
                     {kycReq !== null ?

src/pages/Withdraws/WithdrawInfo.js

@@ -49,7 +49,7 @@ const WithdrawInfo = () => {
                                         className="col-8 secondary-bg p-3 d-flex justify-content-center align-items-center">{withdraw.uuid || "-"}</span>
                                     <span
                                         className="col-1 secondary-bg border-start border-dark border-dark d-flex justify-content-center align-items-center rounded-end"
-                                        style={{cursor: "pointer"}} onClick={() => copyToClipboard(withdraw.ownerUuid)}>
+                                        style={{cursor: "pointer"}} onClick={() => copyToClipboard(withdraw.uuid)}>
                                         <img className="col-4" src={toAbsoluteUrl("/media/img/copy-link.svg")}
                                              alt="copy"/>
                                     </span>