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

Feature/update api

Browse Source
This commit is contained in:
Amin Ghasempoor
2024-11-05 07:09:13 +00:00
committed by AmirHossein Mahmoodi
parent 56196f33c7
commit b64a1c93e9
83 changed files with 4066 additions and 3123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/components/dashboard/navgan/add-request-loan/forms/AddForm.jsx
View File

@@ -1,64 +1,58 @@
import {
Button,
Grid,
Stack,
ToggleButton,
ToggleButtonGroup,
Typography
} from "@mui/material";
import {useTranslations} from "next-intl";
import {CenterLayout} from "@witel/webapp-builder";
import {useState} from "react";
import DoneIcon from '@mui/icons-material/Done';
import {NextLinkComposed} from "@witel/webapp-builder/dist/utils/linkRouting";
import { Button, Grid, Stack, ToggleButton, ToggleButtonGroup, Typography } from "@mui/material";
import { useTranslations } from "next-intl";
import { CenterLayout } from "@witel/webapp-builder";
import { useState } from "react";
import DoneIcon from "@mui/icons-material/Done";
import { NextLinkComposed } from "@witel/webapp-builder/dist/utils/linkRouting";
import SvgDone from "@/core/components/svgs/SvgDone";
import RealPersonForm from "@/components/dashboard/navgan/add-request-loan/forms/RealPersonForm";
import LegalPersonForm from "@/components/dashboard/navgan/add-request-loan/forms/LegalPersonForm";
const AddFormComponent = () => {
const t = useTranslations();
const [finishLoanRequest, setFinishLoanRequest] = useState(false)
const [personType, setPersonType] = useState("real")
const [finishLoanRequest, setFinishLoanRequest] = useState(false);
const [personType, setPersonType] = useState("real");
return (<>
{finishLoanRequest ? (<CenterLayout>
<SvgDone width={200} height={200}/>
<Stack direction={'row'} spacing={0.7} sx={{mb: 4}}>
<Typography variant={'h5'}
align={'center'}>{t("LoanRequest.finish_loan_request")}</Typography>
<DoneIcon color={'success'}/>
</Stack>
<Button variant={'contained'} component={NextLinkComposed}
to={'/dashboard/navgan/followUp-loan'}>
{t("LoanRequest.back_to_dashboard")}
</Button>
</CenterLayout>) : (
<>
<Stack sx={{width: "100%", my : 3}} justifyContent={'center'} alignItems={'center'}>
<ToggleButtonGroup
color="primary"
value={personType}
exclusive
onChange={(e, value) => {
if (value === null) return
setPersonType(value)
}}
>
<ToggleButton value="real">
{t("LoanRequest.real_person")}
</ToggleButton>
<ToggleButton value="legal">
{t("LoanRequest.legal_person")}
</ToggleButton>
</ToggleButtonGroup>
</Stack>
{
personType === "real" ? <RealPersonForm setFinishLoanRequest={setFinishLoanRequest}/> :
<LegalPersonForm setFinishLoanRequest={setFinishLoanRequest}/>
}
</>
)}
</>);
return (
<>
{finishLoanRequest ? (
<CenterLayout>
<SvgDone width={200} height={200} />
<Stack direction={"row"} spacing={0.7} sx={{ mb: 4 }}>
<Typography variant={"h5"} align={"center"}>
{t("LoanRequest.finish_loan_request")}
</Typography>
<DoneIcon color={"success"} />
</Stack>
<Button variant={"contained"} component={NextLinkComposed} to={"/dashboard/navgan/followUp-loan"}>
{t("LoanRequest.back_to_dashboard")}
</Button>
</CenterLayout>
) : (
<>
<Stack sx={{ width: "100%", my: 3 }} justifyContent={"center"} alignItems={"center"}>
<ToggleButtonGroup
color="primary"
value={personType}
exclusive
onChange={(e, value) => {
if (value === null) return;
setPersonType(value);
}}
>
<ToggleButton value="real">{t("LoanRequest.real_person")}</ToggleButton>
<ToggleButton value="legal">{t("LoanRequest.legal_person")}</ToggleButton>
</ToggleButtonGroup>
</Stack>
{personType === "real" ? (
<RealPersonForm setFinishLoanRequest={setFinishLoanRequest} />
) : (
<LegalPersonForm setFinishLoanRequest={setFinishLoanRequest} />
)}
</>
)}
</>
);
};
export default AddFormComponent;