107 lines
3.9 KiB
TypeScript
107 lines
3.9 KiB
TypeScript
import { Box, Dialog, IconButton, Typography, useTheme } from "@mui/material";
|
||
import CustomButton from "@root/components/CustomButton";
|
||
import CloseSmallIcon from "@root/components/icons/CloseSmallIcon";
|
||
import { closeDocumentsDialog, sendDocuments, setDocument, useUserStore } from "@root/stores/user";
|
||
import DocumentUploadItem from "./DocumentUploadItem";
|
||
import DocumentItem from "./DocumentItem";
|
||
|
||
|
||
export default function JuridicalDocumentsDialog() {
|
||
const theme = useTheme();
|
||
const isOpen = useUserStore(state => state.isDocumentsDialogOpen);
|
||
const verificationStatus = useUserStore(state => state.verificationStatus);
|
||
const documents = useUserStore(state => state.documents);
|
||
|
||
const documentElements = verificationStatus === "verificated" ? (
|
||
<>
|
||
<DocumentItem
|
||
text="1. Скан ИНН организации НКО (выписка из ЕГЮРЛ)"
|
||
document={documents["ИНН"]}
|
||
/>
|
||
<DocumentItem
|
||
text="2. Устав организации"
|
||
document={documents["Устав"]}
|
||
/>
|
||
</>
|
||
) : (
|
||
<>
|
||
<DocumentUploadItem
|
||
document={documents["ИНН"]}
|
||
text="1. Скан ИНН организации (выписка из ЕГЮРЛ)"
|
||
onFileChange={e => setDocument("ИНН", e.target?.files?.[0])}
|
||
/>
|
||
<DocumentUploadItem
|
||
document={documents["Устав"]}
|
||
text="2. Устав организации"
|
||
onFileChange={e => setDocument("Устав", e.target?.files?.[0])}
|
||
/>
|
||
</>
|
||
);
|
||
|
||
return (
|
||
<Dialog
|
||
open={isOpen}
|
||
onClose={closeDocumentsDialog}
|
||
PaperProps={{
|
||
sx: {
|
||
width: "600px",
|
||
maxWidth: "600px",
|
||
backgroundColor: "white",
|
||
position: "relative",
|
||
display: "flex",
|
||
flexDirection: "column",
|
||
p: "20px",
|
||
gap: "20px",
|
||
borderRadius: "12px",
|
||
boxShadow: "none",
|
||
}
|
||
}}
|
||
slotProps={{ backdrop: { style: { backgroundColor: "rgb(0 0 0 / 0.7)" } } }}
|
||
>
|
||
<IconButton
|
||
onClick={closeDocumentsDialog}
|
||
sx={{
|
||
position: "absolute",
|
||
right: "7px",
|
||
top: "7px",
|
||
}}
|
||
>
|
||
<CloseSmallIcon />
|
||
</IconButton>
|
||
<Box sx={{
|
||
p: "20px",
|
||
}}>
|
||
<Typography variant="h5" lineHeight="100%">
|
||
{verificationStatus === "verificated" ? "Ваши документы" : "Загрузите документы"}
|
||
</Typography>
|
||
<Typography sx={{
|
||
fontWeight: 400,
|
||
fontSize: "16px",
|
||
lineHeight: "100%",
|
||
mt: "12px",
|
||
}}>для верификации юридических лиц в формате PDF</Typography>
|
||
<Box sx={{
|
||
mt: "30px",
|
||
display: "flex",
|
||
flexDirection: "column",
|
||
gap: "25px",
|
||
}}>
|
||
{documentElements}
|
||
</Box>
|
||
</Box>
|
||
<CustomButton
|
||
onClick={sendDocuments}
|
||
variant="contained"
|
||
sx={{
|
||
width: "180px",
|
||
height: "44px",
|
||
alignSelf: "end",
|
||
backgroundColor: theme.palette.brightPurple.main,
|
||
textColor: "white",
|
||
}}
|
||
>
|
||
Отправить
|
||
</CustomButton>
|
||
</Dialog>
|
||
);
|
||
} |