From d23bf5d7e9d1362e6eab99fc750e72eef2b460f3 Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Wed, 15 Jan 2025 19:02:43 +0530
Subject: [PATCH] =?UTF-8?q?[=20Change=20Icon=20=F0=9F=A5=B1]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/Images/dash_icon_1.svg | 4 ++
src/Images/dash_icon_2.svg | 4 ++
src/Images/dash_icon_3.svg | 7 +++
src/Images/dash_icon_4.svg | 3 ++
src/Images/dash_icon_5.svg | 3 ++
src/Images/dash_icon_6.svg | 5 ++
src/Images/dash_icon_7.svg | 3 ++
src/Pages/Dashboard/Dashbaord.jsx | 54 +++++++++++--------
.../Dashboard/InvestmentOpportunities.jsx | 2 +-
9 files changed, 62 insertions(+), 23 deletions(-)
create mode 100644 src/Images/dash_icon_1.svg
create mode 100644 src/Images/dash_icon_2.svg
create mode 100644 src/Images/dash_icon_3.svg
create mode 100644 src/Images/dash_icon_4.svg
create mode 100644 src/Images/dash_icon_5.svg
create mode 100644 src/Images/dash_icon_6.svg
create mode 100644 src/Images/dash_icon_7.svg
diff --git a/src/Images/dash_icon_1.svg b/src/Images/dash_icon_1.svg
new file mode 100644
index 0000000..d6ddeb7
--- /dev/null
+++ b/src/Images/dash_icon_1.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/Images/dash_icon_2.svg b/src/Images/dash_icon_2.svg
new file mode 100644
index 0000000..02736d2
--- /dev/null
+++ b/src/Images/dash_icon_2.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/Images/dash_icon_3.svg b/src/Images/dash_icon_3.svg
new file mode 100644
index 0000000..1592b46
--- /dev/null
+++ b/src/Images/dash_icon_3.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/Images/dash_icon_4.svg b/src/Images/dash_icon_4.svg
new file mode 100644
index 0000000..9a1efb8
--- /dev/null
+++ b/src/Images/dash_icon_4.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/Images/dash_icon_5.svg b/src/Images/dash_icon_5.svg
new file mode 100644
index 0000000..d548db0
--- /dev/null
+++ b/src/Images/dash_icon_5.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/Images/dash_icon_6.svg b/src/Images/dash_icon_6.svg
new file mode 100644
index 0000000..81207ec
--- /dev/null
+++ b/src/Images/dash_icon_6.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/Images/dash_icon_7.svg b/src/Images/dash_icon_7.svg
new file mode 100644
index 0000000..6c9d94b
--- /dev/null
+++ b/src/Images/dash_icon_7.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/Pages/Dashboard/Dashbaord.jsx b/src/Pages/Dashboard/Dashbaord.jsx
index bd56825..55514e6 100644
--- a/src/Pages/Dashboard/Dashbaord.jsx
+++ b/src/Pages/Dashboard/Dashbaord.jsx
@@ -4,6 +4,7 @@ import {
Flex,
Heading,
HStack,
+ Image,
Select,
SimpleGrid,
Text,
@@ -19,6 +20,13 @@ import { LuContact } from "react-icons/lu";
import { Link } from "react-router-dom";
import { useGetDashboardMasterQuery } from "../../Services/dashboard.service";
import InvestmentOpportunities from "./InvestmentOpportunities";
+import IconOne from '../../Images/dash_icon_1.svg';
+import IconTwo from '../../Images/dash_icon_2.svg';
+import IconThree from '../../Images/dash_icon_3.svg';
+import IconFour from '../../Images/dash_icon_4.svg'
+import IconFive from '../../Images/dash_icon_5.svg';
+import IconSix from '../../Images/dash_icon_6.svg';
+import IconSeven from '../../Images/dash_icon_7.svg'
// const panddingReguest = [
// {
@@ -50,28 +58,28 @@ const Dashbaord = ({ showSearch = false }) => {
const panddingReguest = [
{
- icon: ,
+ icon: IconOne,
label: "Pending deposit requests",
count: parseFloat(
data?.data?.pendingRequests?.pendingDepositReq?.totalDepositReq || 0
).toLocaleString(),
},
{
- icon: ,
+ icon: IconTwo,
label: "Pending withdrawal requests",
count: parseFloat(
data?.data?.pendingRequests?.pendingWithdrawalReq || 0
).toLocaleString(),
},
{
- icon: ,
+ icon: IconThree,
label: "Pending KYC review request",
count: parseFloat(
data?.data?.pendingRequests?.pendingKYCReviewReq || 0
).toLocaleString(),
},
{
- icon: ,
+ icon: IconFour,
label: "Pending Acc modification request",
count: parseFloat(
data?.data?.pendingRequests?.pendingAccModReq?.totalAccModReq || 0
@@ -81,18 +89,18 @@ const Dashbaord = ({ showSearch = false }) => {
const userActivity = [
{
- icon: ,
+ icon: IconFive,
label: "Total number of users",
count: data?.data?.userActivity?.totalCount, //totalCount
},
{
- icon: ,
+ icon: IconSix,
label: "Total number of users with completed KYC (%)",
count: data?.data?.userActivity?.KYCCompletedCount, //KYCCompletedCount
percentage: data?.data?.userActivity?.completedKYCPer, //completedKYCPer
},
{
- icon: ,
+ icon: IconSeven,
label: "Total number of Active users",
count: data?.data?.userActivity?.ActiveUsers, //ActiveUsers
},
@@ -100,7 +108,7 @@ const Dashbaord = ({ showSearch = false }) => {
const closedOpportunities = [
{
- icon: ,
+ icon: IconOne,
label: "Closed Opportunities",
count: parseFloat(
data?.data?.investmentOpportunity?.closedOpportunityDetails
@@ -108,7 +116,7 @@ const Dashbaord = ({ showSearch = false }) => {
).toLocaleString(),
},
{
- icon: ,
+ icon: IconOne,
label: "Total assets under managemnet",
count: `$ ${parseFloat(
data?.data?.investmentOpportunity?.closedOpportunityDetails?.totalAUM ||
@@ -119,7 +127,7 @@ const Dashbaord = ({ showSearch = false }) => {
})}`,
},
{
- icon: ,
+ icon: IconOne,
label: "Total number of investors",
count: parseFloat(
data?.data?.investmentOpportunity?.closedOpportunityDetails
@@ -127,7 +135,7 @@ const Dashbaord = ({ showSearch = false }) => {
).toLocaleString(),
},
{
- icon: ,
+ icon: IconOne,
label: "Total number of unique investors",
count: parseFloat(
data?.data?.investmentOpportunity?.closedOpportunityDetails
@@ -220,9 +228,9 @@ const Dashbaord = ({ showSearch = false }) => {
{panddingReguest.map((item, index) => (
-
+
- {item.icon}
+
{item.label}
@@ -241,9 +249,9 @@ const Dashbaord = ({ showSearch = false }) => {
{userActivity.map((item, index) => (
-
+
- {item.icon}
+
{
))}
-
+
@@ -313,6 +321,7 @@ const Dashbaord = ({ showSearch = false }) => {
p={4}
rounded={10}
alignItems={"inherit"}
+ border={'1px solid #0047171f'}
>