loan/expert-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'hotfix/fixed_bug_dashboard'

Browse Source
This commit is contained in:
AmirHossein Mahmoodi
2024-01-09 12:17:13 +03:30
parent 7a3da5db00 0d2d4b0706
commit 506bbf5d11
1 changed files with 79 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

162
src/components/dashboard/first/index.jsx
View File

@@ -1,94 +1,90 @@
import FullPageLayout from "@/layouts/FullPageLayout";
import CenterLayout from "@/layouts/CenterLayout";
import { Box, Divider, Stack, Typography } from "@mui/material";
import { useEffect, useState } from "react";
import {Box, Divider, Stack, Typography} from "@mui/material";
import {useEffect, useState} from "react";
import useRequest from "@/lib/app/hooks/useRequest";
const DashboardFirstComponent = () => {
const requestServer = useRequest({ auth: true, notification: false });
const [data, setData] = useState(null);
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(() => {});
}, []);
useEffect(() => {
requestServer(`${process.env.NEXT_PUBLIC_BASE_URL}/dashboard/reports/navgan/statistics`, "get")
.then((res) => {
setData(res.data.data);
})
.catch(() => {
});
}, []);
if (!data) return "";
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>
</>
);
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 / 1000000).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 / 1000000).toLocaleString("en")}
</Typography>
</Stack>
</Box>
</CenterLayout>
</FullPageLayout>
</>);
};
export default DashboardFirstComponent;