From 844a00e995f51e641080ff7c78d6f243693c3d37 Mon Sep 17 00:00:00 2001
From: Witel Company <witelgroup@gmail.com>
Date: Sun, 7 Jan 2024 07:16:11 +0000
Subject: [PATCH] change in server

---
 src/components/dashboard/first/index.jsx | 93 +++++++++++++++++++++++-
 1 file changed, 91 insertions(+), 2 deletions(-)

diff --git a/src/components/dashboard/first/index.jsx b/src/components/dashboard/first/index.jsx
index 919bb14..aec8ed5 100644
--- a/src/components/dashboard/first/index.jsx
+++ b/src/components/dashboard/first/index.jsx
@@ -1,5 +1,94 @@
+import FullPageLayout from "@/layouts/FullPageLayout";
+import CenterLayout from "@/layouts/CenterLayout";
+import { Box, Divider, Stack, Typography } from "@mui/material";
+import { useEffect, useState } from "react";
+import useRequest from "@/lib/app/hooks/useRequest";
+
 const DashboardFirstComponent = () => {
-    return <></>
+  const requestServer = useRequest({ auth: true, notification: false });
+  const [data, setData] = useState(null);
+
+  useEffect(() => {
+    requestServer(
+      `${process.env.NEXT_PUBLIC_BASE_URL}/dashboard/reports/navgan/statistics`,
+      "get"
+    )
+      .then((res) => {
+        setData(res.data.data);
+      })
+      .catch(() => {});
+  }, []);
+
+  if (!data) return "";
+
+  return (
+    <>
+      <FullPageLayout>
+        <CenterLayout>
+          <Box sx={{ width: 600 }}>
+            <Divider>وام های واجد شرایط</Divider>
+            <Stack
+              sx={{ py: 2, px: 1 }}
+              direction={"row"}
+              alignItems={"center"}
+              justifyContent={"space-between"}
+            >
+              <Typography>تعداد کل</Typography>
+              <Typography variant={"h5"}>
+                {Number(data.totalApprovedLoans).toLocaleString("en")}
+              </Typography>
+            </Stack>
+            <Divider sx={{ mt: 2 }}>وام های پیشنهادی</Divider>
+            <Stack
+              sx={{ py: 2, px: 1 }}
+              direction={"row"}
+              alignItems={"center"}
+              justifyContent={"space-between"}
+            >
+              <Typography>تعداد کل</Typography>
+              <Typography variant={"h5"}>
+                {Number(data.proposedCount).toLocaleString("en")}
+              </Typography>
+            </Stack>
+            <Stack
+              sx={{ py: 2, px: 1 }}
+              direction={"row"}
+              alignItems={"center"}
+              justifyContent={"space-between"}
+            >
+              <Typography>مبلغ کل (میلیون ریال)</Typography>
+              <Typography variant={"h5"}>
+                {Number(data.totalProposedAmount).toLocaleString("en")}
+              </Typography>
+            </Stack>
+            <Divider sx={{ mt: 2 }}>وام های تصویب شده</Divider>
+            <Stack
+              sx={{ py: 2, px: 1 }}
+              direction={"row"}
+              alignItems={"center"}
+              justifyContent={"space-between"}
+            >
+              <Typography>تعداد کل</Typography>
+              <Typography variant={"h5"}>
+                {Number(data.approvedCount).toLocaleString("en")}
+              </Typography>
+            </Stack>
+            <Stack
+              sx={{ py: 2, px: 1 }}
+              direction={"row"}
+              alignItems={"center"}
+              justifyContent={"space-between"}
+            >
+              <Typography>مبلغ کل (میلیون ریال)</Typography>
+              <Typography variant={"h5"}>
+                {Number(data.totalApprovedAmount).toLocaleString("en")}
+              </Typography>
+            </Stack>
+          </Box>
+        </CenterLayout>
+      </FullPageLayout>
+    </>
+  );
 };
 
-export default DashboardFirstComponent;
+export default DashboardFirstComponent;
\ No newline at end of file