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

2
.eslintrc.json
View File

@@ -1,3 +1,3 @@
{ {
"extends": "next/core-web-vitals" "extends": ["next/core-web-vitals","prettier"]
} }

12
.prettierrc Normal file
View File

@@ -0,0 +1,12 @@
{
"printWidth": 120,
"tabWidth": 4,
"useTabs": false,
"semi": true,
"singleQuote": false,
"trailingComma": "es5",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"arrowParens": "always",
"endOfLine": "crlf"
}

6
package.json
View File

@@ -8,7 +8,8 @@
"build:publish": "npm i && npm run build && pm2 restart ecosystem.config.js", "build:publish": "npm i && npm run build && pm2 restart ecosystem.config.js",
"start": "next start", "start": "next start",
"publish-3001": "next start -p 3001", "publish-3001": "next start -p 3001",
"lint": "next lint" "lint": "next lint",
"format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,html,css,scss}\""
}, },
"dependencies": { "dependencies": {
"@emotion/react": "^11.10.6", "@emotion/react": "^11.10.6",
@@ -32,6 +33,7 @@
"next-intl": "^2.13.1", "next-intl": "^2.13.1",
"next-useragent": "^2.8.0", "next-useragent": "^2.8.0",
"nextjs-progressbar": "^0.0.16", "nextjs-progressbar": "^0.0.16",
"prettier": "^3.3.3",
"prop-types": "^15.8.1", "prop-types": "^15.8.1",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
@@ -47,4 +49,4 @@
"@faker-js/faker": "^7.6.0", "@faker-js/faker": "^7.6.0",
"eslint-config-next": "^13.3.0" "eslint-config-next": "^13.3.0"
} }
} }

2
public/locales/fa/app.json
View File

@@ -320,7 +320,7 @@
"text_field_shenasname_serial": "سریال پشت کارت ملی", "text_field_shenasname_serial": "سریال پشت کارت ملی",
"text_field_national_trackin_code": "کد رهگیری کارت ملی", "text_field_national_trackin_code": "کد رهگیری کارت ملی",
"text_field_national_id": "کد ملی", "text_field_national_id": "کد ملی",
"text_field_boss_national_id": "کد ملی رییس شرکت", "text_field_boss_national_id": "کد ملی مدیر عامل",
"text_field_register_number": "شماره ثبت شرکت", "text_field_register_number": "شماره ثبت شرکت",
"text_field_postal_code": "کد پستی", "text_field_postal_code": "کد پستی",
"text_field_national_serial_number": "سریال پشت کارت ملی", "text_field_national_serial_number": "سریال پشت کارت ملی",

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

@@ -1,46 +1,41 @@
import { import { CenterLayout, FullPageLayout, NextLinkComposed, useUser } from "@witel/webapp-builder";
CenterLayout,
FullPageLayout,
NextLinkComposed,
useUser,
} from "@witel/webapp-builder";
import { Button, Typography } from "@mui/material"; import { Button, Typography } from "@mui/material";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
const FirstComponent = () => { const FirstComponent = () => {
const { user } = useUser(); const { user } = useUser();
const t = useTranslations(); const t = useTranslations();
return ( return (
<FullPageLayout> <FullPageLayout>
<CenterLayout spacing={2}> <CenterLayout spacing={2}>
{user.permissions.includes("can_request_navgan_loan") ? ( {user.permissions.includes("can_request_navgan_loan") ? (
<> <>
<Typography>{t("Dashboard.go_to_add_request_loan")}</Typography> <Typography>{t("Dashboard.go_to_add_request_loan")}</Typography>
<Button <Button
component={NextLinkComposed} component={NextLinkComposed}
to={{ pathname: "/dashboard/navgan/add-request-loan" }} to={{ pathname: "/dashboard/navgan/add-request-loan" }}
variant={"contained"} variant={"contained"}
size={"large"} size={"large"}
> >
{t("LoanRequest.loan_request_page")} {t("LoanRequest.loan_request_page")}
</Button> </Button>
</> </>
) : ( ) : (
<> <>
<Typography>{t("Dashboard.go_to_followUp-loan")}</Typography> <Typography>{t("Dashboard.go_to_followUp-loan")}</Typography>
<Button <Button
component={NextLinkComposed} component={NextLinkComposed}
to={{ pathname: "/dashboard/navgan/followUp-loan" }} to={{ pathname: "/dashboard/navgan/followUp-loan" }}
variant={"contained"} variant={"contained"}
size={"large"} size={"large"}
> >
{t("LoanFollowUp.loan_follow_up_page")} {t("LoanFollowUp.loan_follow_up_page")}
</Button> </Button>
</> </>
)} )}
</CenterLayout> </CenterLayout>
</FullPageLayout> </FullPageLayout>
); );
}; };
export default FirstComponent; export default FirstComponent;

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

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

183
src/components/dashboard/navgan/add-request-loan/forms/LegalPersonForm.jsx
View File

@@ -8,7 +8,7 @@ import {
ToggleButton, ToggleButton,
ToggleButtonGroup, ToggleButtonGroup,
} from "@mui/material"; } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import useCities from "@/lib/app/hooks/useCities"; import useCities from "@/lib/app/hooks/useCities";
import UseEducations from "@/lib/app/hooks/useEducations"; import UseEducations from "@/lib/app/hooks/useEducations";
import useOccupations from "@/lib/app/hooks/useOccupations"; import useOccupations from "@/lib/app/hooks/useOccupations";
@@ -16,28 +16,28 @@ import * as React from "react";
import SelectBox from "@/core/components/SelectBox"; import SelectBox from "@/core/components/SelectBox";
import useLimitedProvince from "@/lib/app/hooks/useLimitedProvince"; import useLimitedProvince from "@/lib/app/hooks/useLimitedProvince";
import PlateNumber from "@/core/components/PlateNumber"; import PlateNumber from "@/core/components/PlateNumber";
import {useRouter} from "next/router"; import { useRouter } from "next/router";
import {useRequest, useUser} from "@witel/webapp-builder"; import { useRequest, useUser } from "@witel/webapp-builder";
import * as Yup from "yup"; import * as Yup from "yup";
import {SEND_LOAN_REQUEST_NAVGAN} from "@/core/data/apiRoutes"; import { SEND_LOAN_REQUEST_NAVGAN } from "@/core/data/apiRoutes";
import DataSaverOnIcon from "@mui/icons-material/DataSaverOn"; import DataSaverOnIcon from "@mui/icons-material/DataSaverOn";
import {useFormik} from "formik"; import { useFormik } from "formik";
import useProjectTitle from "@/lib/app/hooks/useProjectTitle"; import useProjectTitle from "@/lib/app/hooks/useProjectTitle";
import useActivityType from "@/lib/app/hooks/useActivityType"; import useActivityType from "@/lib/app/hooks/useActivityType";
import MuiDatePicker from "@/core/components/MuiDatePicker"; import MuiDatePicker from "@/core/components/MuiDatePicker";
import LegalPersonDatePicker from "@/core/components/LegalPersonDatePicker"; import LegalPersonDatePicker from "@/core/components/LegalPersonDatePicker";
const LegalPersonForm = ({setFinishLoanRequest}) => { const LegalPersonForm = ({ setFinishLoanRequest }) => {
const t = useTranslations(); const t = useTranslations();
const router = useRouter(); const router = useRouter();
const requestServer = useRequest(); const requestServer = useRequest();
const {getUser, changeUser} = useUser(); const { getUser, changeUser } = useUser();
const {cityTextField, cityList, setProvinceID, isLoadingCityList} = useCities(); const { cityTextField, cityList, setProvinceID, isLoadingCityList } = useCities();
const {provinceList, isLoadingProvinceList, errorProvinceList} = useLimitedProvince(); const { provinceList, isLoadingProvinceList, errorProvinceList } = useLimitedProvince();
const {educationsList, isLoadingEducationsList, errorEducationsList} = UseEducations(); const { educationsList, isLoadingEducationsList, errorEducationsList } = UseEducations();
const {occupationsList, isLoadingOccupationsList, errorOccupationsList} = useOccupations(); const { occupationsList, isLoadingOccupationsList, errorOccupationsList } = useOccupations();
const {activityType, isLoadingActivityType, errorActivityType} = useActivityType(); const { activityType, isLoadingActivityType, errorActivityType } = useActivityType();
const {projectTitle, isLoadingProjectTitle, errorProjectTitle} = useProjectTitle(); const { projectTitle, isLoadingProjectTitle, errorProjectTitle } = useProjectTitle();
const initialValues = { const initialValues = {
person_type: "legal", person_type: "legal",
@@ -118,35 +118,41 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
national_number: Yup.mixed().when("person_type", ([person_type], schema) => { national_number: Yup.mixed().when("person_type", ([person_type], schema) => {
return person_type === "legal" return person_type === "legal"
? schema ? schema
.test("is-number", `${t("LoanRequest.national_number_number")}`, (value) => !isNaN(value)) .test("is-number", `${t("LoanRequest.national_number_number")}`, (value) => !isNaN(value))
.test("positive", `${t("LoanRequest.national_number_positive")}`, (value) => value >= 0) .test("positive", `${t("LoanRequest.national_number_positive")}`, (value) => value >= 0)
.test( .test(
"max", "max",
`${t("LoanRequest.national_number_max")}`, `${t("LoanRequest.national_number_max")}`,
(value) => value && value.toString().length === 11 (value) => value && value.toString().length === 11
) )
.required(t("LoanRequest.error_message_national_number")) .required(t("LoanRequest.error_message_national_number"))
: schema; : schema;
}), }),
boss_national_serial_number: Yup.string() boss_national_serial_number: Yup.string().when(
.when("national_serial_number_or_tracking_code", ([national_serial_number_or_tracking_code], schema) => { "national_serial_number_or_tracking_code",
([national_serial_number_or_tracking_code], schema) => {
return national_serial_number_or_tracking_code === "national_serial_number" return national_serial_number_or_tracking_code === "national_serial_number"
? schema.test( ? schema
"max", .test(
`${t("LoanRequest.boss_national_serial_number_max")}`, "max",
(value) => value && value.toString().length === 10 `${t("LoanRequest.boss_national_serial_number_max")}`,
).required(t("LoanRequest.error_message_boss_shenasname_serial")) (value) => value && value.toString().length === 10
)
.required(t("LoanRequest.error_message_boss_shenasname_serial"))
: schema; : schema;
}), }
),
boss_national_card_tracking_code: Yup.string().when( boss_national_card_tracking_code: Yup.string().when(
"national_serial_number_or_tracking_code", "national_serial_number_or_tracking_code",
([national_serial_number_or_tracking_code], schema) => { ([national_serial_number_or_tracking_code], schema) => {
return national_serial_number_or_tracking_code === "national_card_tracking_code" return national_serial_number_or_tracking_code === "national_card_tracking_code"
? schema.test( ? schema
"max", .test(
`${t("LoanRequest.national_boss_tracking_code_max")}`, "max",
(value) => value && value.toString().length === 10 `${t("LoanRequest.national_boss_tracking_code_max")}`,
).required(t("LoanRequest.error_message_boss_national_card_tracking_code")) (value) => value && value.toString().length === 10
)
.required(t("LoanRequest.error_message_boss_national_card_tracking_code"))
: schema; : schema;
} }
), ),
@@ -157,18 +163,18 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
let _national_number = let _national_number =
values.person_type === "legal" values.person_type === "legal"
? { ? {
shenase_meli: values.national_number, shenase_meli: values.national_number,
} }
: {}; : {};
const _national_card = const _national_card =
values.national_serial_number_or_tracking_code === "national_serial_number" values.national_serial_number_or_tracking_code === "national_serial_number"
? { ? {
national_serial_number: values.boss_national_serial_number, national_serial_number: values.boss_national_serial_number,
} }
: { : {
national_tracking_code: values.boss_national_card_tracking_code, national_tracking_code: values.boss_national_card_tracking_code,
}; };
let _data = { let _data = {
is_legal_person: 1, is_legal_person: 1,
@@ -213,8 +219,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
changeUser(data); changeUser(data);
}); });
}) })
.catch(() => { .catch(() => {})
})
.finally(() => { .finally(() => {
props.setSubmitting(false); props.setSubmitting(false);
}); });
@@ -227,7 +232,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
}); });
return ( return (
<> <>
<Grid container spacing={2} sx={{p: 2}}> <Grid container spacing={2} sx={{ p: 2 }}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<SelectBox <SelectBox
name="navgan_plan_id" name="navgan_plan_id"
@@ -237,7 +242,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
isLoading={isLoadingProjectTitle} isLoading={isLoadingProjectTitle}
errorEcured={errorProjectTitle} errorEcured={errorProjectTitle}
selectors={projectTitle} selectors={projectTitle}
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
select={formik.values.navgan_plan_id} select={formik.values.navgan_plan_id}
value={formik.values.navgan_plan_id} value={formik.values.navgan_plan_id}
handleChange={(event) => { handleChange={(event) => {
@@ -258,7 +263,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
isLoading={isLoadingActivityType} isLoading={isLoadingActivityType}
errorEcured={errorActivityType} errorEcured={errorActivityType}
selectors={activityType} selectors={activityType}
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
select={formik.values.activity_type} select={formik.values.activity_type}
value={formik.values.activity_type} value={formik.values.activity_type}
handleChange={(event) => { handleChange={(event) => {
@@ -271,15 +276,15 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{p: 2}}> <Grid container spacing={2} sx={{ p: 2 }}>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="national_number" name="national_number"
variant="outlined" variant="outlined"
size="small" size="small"
value={formik.values.national_number} value={formik.values.national_number}
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
onChange={(event) => { onChange={(event) => {
const inputValue = event.target.value; const inputValue = event.target.value;
@@ -303,7 +308,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
</Grid> </Grid>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="company_name" name="company_name"
variant="outlined" variant="outlined"
size="small" size="small"
@@ -319,12 +324,12 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
</Grid> </Grid>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="register_number" name="register_number"
variant="outlined" variant="outlined"
size="small" size="small"
value={formik.values.register_number} value={formik.values.register_number}
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
onChange={(event) => { onChange={(event) => {
const inputValue = event.target.value; const inputValue = event.target.value;
@@ -347,14 +352,14 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="company_postal_code" name="company_postal_code"
variant="outlined" variant="outlined"
value={formik.values.company_postal_code} value={formik.values.company_postal_code}
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
onChange={(event) => { onChange={(event) => {
const inputValue = event.target.value; const inputValue = event.target.value;
@@ -379,11 +384,11 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
</Grid> </Grid>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="company_tel_number" name="company_tel_number"
variant="outlined" variant="outlined"
value={formik.values.company_tel_number} value={formik.values.company_tel_number}
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
size="small" size="small"
onChange={(event) => { onChange={(event) => {
@@ -415,7 +420,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<SelectBox <SelectBox
name="province_id" name="province_id"
@@ -425,7 +430,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
isLoading={isLoadingProvinceList} isLoading={isLoadingProvinceList}
errorEcured={errorProvinceList} errorEcured={errorProvinceList}
selectors={provinceList} selectors={provinceList}
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
select={formik.values.province_id} select={formik.values.province_id}
value={formik.values.province_id} value={formik.values.province_id}
handleChange={(event) => { handleChange={(event) => {
@@ -447,12 +452,12 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
isLoadingCityList isLoadingCityList
? `${t("LoanRequest.cityList_loading")}` ? `${t("LoanRequest.cityList_loading")}`
: cityList.length === 0 : cityList.length === 0
? `${t("LoanRequest.cityList_empty")}` ? `${t("LoanRequest.cityList_empty")}`
: cityTextField : cityTextField
} }
size="small" size="small"
selectType="city_id" selectType="city_id"
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
disabled={cityList.length === 0} disabled={cityList.length === 0}
selectors={cityList} selectors={cityList}
select={formik.values.city_id} select={formik.values.city_id}
@@ -465,15 +470,15 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="boss_national_code" name="boss_national_code"
variant="outlined" variant="outlined"
size="small" size="small"
value={formik.values.boss_national_code} value={formik.values.boss_national_code}
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
onChange={(event) => { onChange={(event) => {
const inputValue = event.target.value; const inputValue = event.target.value;
@@ -514,7 +519,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
name: "مرد", name: "مرد",
}, },
]} ]}
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
select={formik.values.boss_gender} select={formik.values.boss_gender}
handleChange={(event) => { handleChange={(event) => {
formik.setFieldValue("boss_gender", event.target.value); formik.setFieldValue("boss_gender", event.target.value);
@@ -526,10 +531,10 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="boss_first_name" name="boss_first_name"
variant="outlined" variant="outlined"
size="small" size="small"
@@ -545,7 +550,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
</Grid> </Grid>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="boss_last_name" name="boss_last_name"
variant="outlined" variant="outlined"
size="small" size="small"
@@ -568,7 +573,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<ToggleButtonGroup <ToggleButtonGroup
color="primary" color="primary"
@@ -597,7 +602,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
{formik.values.national_serial_number_or_tracking_code === "national_serial_number" ? ( {formik.values.national_serial_number_or_tracking_code === "national_serial_number" ? (
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="boss_national_serial_number" name="boss_national_serial_number"
variant="outlined" variant="outlined"
size="small" size="small"
@@ -625,11 +630,11 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
) : ( ) : (
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="boss_national_card_tracking_code" name="boss_national_card_tracking_code"
variant="outlined" variant="outlined"
size="small" size="small"
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
value={formik.values.boss_national_card_tracking_code} value={formik.values.boss_national_card_tracking_code}
label={t("LoanRequest.text_field_boss_national_card_tracking_code")} label={t("LoanRequest.text_field_boss_national_card_tracking_code")}
@@ -661,7 +666,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
)} )}
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="boss_father_name" name="boss_father_name"
variant="outlined" variant="outlined"
value={formik.values.boss_father_name} value={formik.values.boss_father_name}
@@ -676,14 +681,14 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<SelectBox <SelectBox
name="vehicle_type" name="vehicle_type"
label={t("LoanRequest.text_field_vehicle_type")} label={t("LoanRequest.text_field_vehicle_type")}
size="small" size="small"
value={formik.values.vehicle_type} value={formik.values.vehicle_type}
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
selectType="vehicle_type" selectType="vehicle_type"
selectors={[ selectors={[
{ {
@@ -705,16 +710,16 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<PlateNumber formik={formik}/> <PlateNumber formik={formik} />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="navgan_id" name="navgan_id"
variant="outlined" variant="outlined"
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
value={formik.values.navgan_id} value={formik.values.navgan_id}
onChange={formik.handleChange} onChange={formik.handleChange}
@@ -738,7 +743,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
selectors={educationsList} selectors={educationsList}
select={formik.values.education_id} select={formik.values.education_id}
value={formik.values.education_id} value={formik.values.education_id}
schema={{value: "id", name: "title"}} schema={{ value: "id", name: "title" }}
handleChange={(event) => { handleChange={(event) => {
formik.setFieldValue("education_id", event.target.value); formik.setFieldValue("education_id", event.target.value);
}} }}
@@ -756,7 +761,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
isLoading={isLoadingOccupationsList} isLoading={isLoadingOccupationsList}
errorEcured={errorOccupationsList} errorEcured={errorOccupationsList}
selectType="occupation_id" selectType="occupation_id"
schema={{value: "id", name: "title"}} schema={{ value: "id", name: "title" }}
selectors={occupationsList} selectors={occupationsList}
select={formik.values.occupation_id} select={formik.values.occupation_id}
value={formik.values.occupation_id} value={formik.values.occupation_id}
@@ -770,12 +775,12 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12}> <Grid item xs={12}>
<TextField <TextField
multiline multiline
rows={4} rows={4}
sx={{width: "100%"}} sx={{ width: "100%" }}
name="address" name="address"
variant="outlined" variant="outlined"
size="small" size="small"
@@ -790,7 +795,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container sx={{padding: 2}}> <Grid container sx={{ padding: 2 }}>
<Grid item xs={12}> <Grid item xs={12}>
<FormControlLabel <FormControlLabel
color={"error.main"} color={"error.main"}
@@ -806,7 +811,7 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12}> <Grid item xs={12}>
<FormControlLabel <FormControlLabel
color={"error.main"} color={"error.main"}
@@ -825,10 +830,10 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
<Box <Box
sx={{ sx={{
display: "flex", display: "flex",
flexDirection: {xs: "column", sm: "row"}, flexDirection: { xs: "column", sm: "row" },
alignItems: "center", alignItems: "center",
mx: "auto", mx: "auto",
width: {xs: "100%", sm: "30%", md: "25%"}, width: { xs: "100%", sm: "30%", md: "25%" },
}} }}
> >
<Button <Button
@@ -837,8 +842,8 @@ const LegalPersonForm = ({setFinishLoanRequest}) => {
type="submit" type="submit"
variant="contained" variant="contained"
size="large" size="large"
sx={{my: 4}} sx={{ my: 4 }}
endIcon={<DataSaverOnIcon/>} endIcon={<DataSaverOnIcon />}
disabled={formik.values.checkedBox ? formik.isSubmitting || !formik.dirty || !formik.isValid : true} disabled={formik.values.checkedBox ? formik.isSubmitting || !formik.dirty || !formik.isValid : true}
> >
{formik.isSubmitting ? t("LoanRequest.button_while_submit") : t("LoanRequest.button_submit")} {formik.isSubmitting ? t("LoanRequest.button_while_submit") : t("LoanRequest.button_submit")}

152
src/components/dashboard/navgan/add-request-loan/forms/RealPersonForm.jsx
View File

@@ -10,15 +10,15 @@ import {
} from "@mui/material"; } from "@mui/material";
import SelectBox from "@/core/components/SelectBox"; import SelectBox from "@/core/components/SelectBox";
import MuiDatePicker from "@/core/components/MuiDatePicker"; import MuiDatePicker from "@/core/components/MuiDatePicker";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import useLimitedProvince from "@/lib/app/hooks/useLimitedProvince"; import useLimitedProvince from "@/lib/app/hooks/useLimitedProvince";
import useCities from "@/lib/app/hooks/useCities"; import useCities from "@/lib/app/hooks/useCities";
import {useFormik} from "formik"; import { useFormik } from "formik";
import * as Yup from "yup"; import * as Yup from "yup";
import DataSaverOnIcon from "@mui/icons-material/DataSaverOn"; import DataSaverOnIcon from "@mui/icons-material/DataSaverOn";
import {SEND_LOAN_REQUEST_NAVGAN} from "@/core/data/apiRoutes"; import { SEND_LOAN_REQUEST_NAVGAN } from "@/core/data/apiRoutes";
import {useRequest, useUser} from "@witel/webapp-builder"; import { useRequest, useUser } from "@witel/webapp-builder";
import {useRouter} from "next/router"; import { useRouter } from "next/router";
import PlateNumber from "@/core/components/PlateNumber"; import PlateNumber from "@/core/components/PlateNumber";
import * as React from "react"; import * as React from "react";
import UseEducations from "@/lib/app/hooks/useEducations"; import UseEducations from "@/lib/app/hooks/useEducations";
@@ -26,16 +26,16 @@ import useOccupations from "@/lib/app/hooks/useOccupations";
import useActivityType from "@/lib/app/hooks/useActivityType"; import useActivityType from "@/lib/app/hooks/useActivityType";
import useProjectTitle from "@/lib/app/hooks/useProjectTitle"; import useProjectTitle from "@/lib/app/hooks/useProjectTitle";
const RealPersonForm = ({setFinishLoanRequest}) => { const RealPersonForm = ({ setFinishLoanRequest }) => {
const t = useTranslations(); const t = useTranslations();
const {provinceList, isLoadingProvinceList, errorProvinceList} = useLimitedProvince(); const { provinceList, isLoadingProvinceList, errorProvinceList } = useLimitedProvince();
const {cityTextField, cityList, setProvinceID, isLoadingCityList} = useCities(); const { cityTextField, cityList, setProvinceID, isLoadingCityList } = useCities();
const {educationsList, isLoadingEducationsList, errorEducationsList} = UseEducations(); const { educationsList, isLoadingEducationsList, errorEducationsList } = UseEducations();
const {occupationsList, isLoadingOccupationsList, errorOccupationsList} = useOccupations(); const { occupationsList, isLoadingOccupationsList, errorOccupationsList } = useOccupations();
const {activityType, isLoadingActivityType, errorActivityType} = useActivityType(); const { activityType, isLoadingActivityType, errorActivityType } = useActivityType();
const {projectTitle, isLoadingProjectTitle, errorProjectTitle} = useProjectTitle(); const { projectTitle, isLoadingProjectTitle, errorProjectTitle } = useProjectTitle();
const requestServer = useRequest(); const requestServer = useRequest();
const {getUser, changeUser} = useUser(); const { getUser, changeUser } = useUser();
const router = useRouter(); const router = useRouter();
const initialValues = { const initialValues = {
@@ -107,25 +107,31 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
.test("positive", `${t("LoanRequest.national_code_positive")}`, (value) => value >= 0) .test("positive", `${t("LoanRequest.national_code_positive")}`, (value) => value >= 0)
.test("max", `${t("LoanRequest.national_code_max")}`, (value) => value.toString().length === 10) .test("max", `${t("LoanRequest.national_code_max")}`, (value) => value.toString().length === 10)
.required(t("LoanRequest.error_message_national_id")), .required(t("LoanRequest.error_message_national_id")),
national_serial_number: Yup.string() national_serial_number: Yup.string().when(
.when("national_serial_number_or_tracking_code", ([national_serial_number_or_tracking_code], schema) => { "national_serial_number_or_tracking_code",
([national_serial_number_or_tracking_code], schema) => {
return national_serial_number_or_tracking_code === "national_serial_number" return national_serial_number_or_tracking_code === "national_serial_number"
? schema.test( ? schema
"max", .test(
`${t("LoanRequest.national_serial_number_max")}`, "max",
(value) => value && value.toString().length === 10 `${t("LoanRequest.national_serial_number_max")}`,
).required(t("LoanRequest.error_message_shenasname_serial")) (value) => value && value.toString().length === 10
)
.required(t("LoanRequest.error_message_shenasname_serial"))
: schema; : schema;
}), }
),
national_card_tracking_code: Yup.string().when( national_card_tracking_code: Yup.string().when(
"national_serial_number_or_tracking_code", "national_serial_number_or_tracking_code",
([national_serial_number_or_tracking_code], schema) => { ([national_serial_number_or_tracking_code], schema) => {
return national_serial_number_or_tracking_code === "national_card_tracking_code" return national_serial_number_or_tracking_code === "national_card_tracking_code"
? schema.test( ? schema
"max", .test(
`${t("LoanRequest.national_tracking_code_max")}`, "max",
(value) => value && value.toString().length === 10 `${t("LoanRequest.national_tracking_code_max")}`,
).required(t("LoanRequest.error_message_tracking_code")) (value) => value && value.toString().length === 10
)
.required(t("LoanRequest.error_message_tracking_code"))
: schema; : schema;
} }
), ),
@@ -137,11 +143,11 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
const _national_card = const _national_card =
values.national_serial_number_or_tracking_code === "national_serial_number" values.national_serial_number_or_tracking_code === "national_serial_number"
? { ? {
national_serial_number: values.national_serial_number, national_serial_number: values.national_serial_number,
} }
: { : {
national_tracking_code: values.national_card_tracking_code, national_tracking_code: values.national_card_tracking_code,
}; };
let _data = { let _data = {
is_legal_person: 0, is_legal_person: 0,
@@ -182,8 +188,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
changeUser(data); changeUser(data);
}); });
}) })
.catch(() => { .catch(() => {})
})
.finally(() => { .finally(() => {
props.setSubmitting(false); props.setSubmitting(false);
}); });
@@ -197,7 +202,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
return ( return (
<> <>
<Grid container spacing={2} sx={{p: 2}}> <Grid container spacing={2} sx={{ p: 2 }}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<SelectBox <SelectBox
name="navgan_plan_id" name="navgan_plan_id"
@@ -207,7 +212,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
isLoading={isLoadingProjectTitle} isLoading={isLoadingProjectTitle}
errorEcured={errorProjectTitle} errorEcured={errorProjectTitle}
selectors={projectTitle} selectors={projectTitle}
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
select={formik.values.navgan_plan_id} select={formik.values.navgan_plan_id}
value={formik.values.navgan_plan_id} value={formik.values.navgan_plan_id}
handleChange={(event) => { handleChange={(event) => {
@@ -228,7 +233,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
isLoading={isLoadingActivityType} isLoading={isLoadingActivityType}
errorEcured={errorActivityType} errorEcured={errorActivityType}
selectors={activityType} selectors={activityType}
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
select={formik.values.activity_type} select={formik.values.activity_type}
value={formik.values.activity_type} value={formik.values.activity_type}
handleChange={(event) => { handleChange={(event) => {
@@ -241,7 +246,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<ToggleButtonGroup <ToggleButtonGroup
color="primary" color="primary"
@@ -270,7 +275,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
{formik.values.national_serial_number_or_tracking_code === "national_serial_number" ? ( {formik.values.national_serial_number_or_tracking_code === "national_serial_number" ? (
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="national_serial_number" name="national_serial_number"
variant="outlined" variant="outlined"
size="small" size="small"
@@ -291,16 +296,15 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
} }
helperText={formik.touched.national_serial_number && formik.errors.national_serial_number} helperText={formik.touched.national_serial_number && formik.errors.national_serial_number}
/> />
</Grid> </Grid>
) : ( ) : (
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="national_card_tracking_code" name="national_card_tracking_code"
variant="outlined" variant="outlined"
size="small" size="small"
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
value={formik.values.national_card_tracking_code} value={formik.values.national_card_tracking_code}
label={t("LoanRequest.text_field_national_trackin_code")} label={t("LoanRequest.text_field_national_trackin_code")}
@@ -331,12 +335,12 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
)} )}
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="national_code" name="national_code"
variant="outlined" variant="outlined"
size="small" size="small"
value={formik.values.national_code} value={formik.values.national_code}
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
onChange={(event) => { onChange={(event) => {
const inputValue = event.target.value; const inputValue = event.target.value;
@@ -359,10 +363,10 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="first_name" name="first_name"
variant="outlined" variant="outlined"
size="small" size="small"
@@ -378,7 +382,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
</Grid> </Grid>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="last_name" name="last_name"
variant="outlined" variant="outlined"
size="small" size="small"
@@ -393,10 +397,10 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="father_name" name="father_name"
variant="outlined" variant="outlined"
value={formik.values.father_name} value={formik.values.father_name}
@@ -429,7 +433,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
name: "مرد", name: "مرد",
}, },
]} ]}
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
select={formik.values.gender} select={formik.values.gender}
handleChange={(event) => { handleChange={(event) => {
formik.setFieldValue("gender", event.target.value); formik.setFieldValue("gender", event.target.value);
@@ -449,13 +453,13 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="navgan_id" name="navgan_id"
variant="outlined" variant="outlined"
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
value={formik.values.navgan_id} value={formik.values.navgan_id}
onChange={formik.handleChange} onChange={formik.handleChange}
@@ -470,11 +474,11 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
</Grid> </Grid>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="postal_code" name="postal_code"
variant="outlined" variant="outlined"
value={formik.values.postal_code} value={formik.values.postal_code}
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
onChange={(event) => { onChange={(event) => {
const inputValue = event.target.value; const inputValue = event.target.value;
@@ -499,11 +503,11 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
</Grid> </Grid>
<Grid item xs={12} sm={4}> <Grid item xs={12} sm={4}>
<TextField <TextField
sx={{width: "100%"}} sx={{ width: "100%" }}
name="telephone_number" name="telephone_number"
variant="outlined" variant="outlined"
value={formik.values.telephone_number} value={formik.values.telephone_number}
inputProps={{inputMode: "numeric", pattern: "[0-9]*"}} inputProps={{ inputMode: "numeric", pattern: "[0-9]*" }}
type={"tel"} type={"tel"}
size="small" size="small"
onChange={(event) => { onChange={(event) => {
@@ -527,7 +531,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<SelectBox <SelectBox
name="province_id" name="province_id"
@@ -537,7 +541,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
isLoading={isLoadingProvinceList} isLoading={isLoadingProvinceList}
errorEcured={errorProvinceList} errorEcured={errorProvinceList}
selectors={provinceList} selectors={provinceList}
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
select={formik.values.province_id} select={formik.values.province_id}
value={formik.values.province_id} value={formik.values.province_id}
handleChange={(event) => { handleChange={(event) => {
@@ -559,12 +563,12 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
isLoadingCityList isLoadingCityList
? `${t("LoanRequest.cityList_loading")}` ? `${t("LoanRequest.cityList_loading")}`
: cityList.length === 0 : cityList.length === 0
? `${t("LoanRequest.cityList_empty")}` ? `${t("LoanRequest.cityList_empty")}`
: cityTextField : cityTextField
} }
size="small" size="small"
selectType="city_id" selectType="city_id"
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
disabled={cityList.length === 0} disabled={cityList.length === 0}
selectors={cityList} selectors={cityList}
select={formik.values.city_id} select={formik.values.city_id}
@@ -577,14 +581,14 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<SelectBox <SelectBox
name="vehicle_type" name="vehicle_type"
label={t("LoanRequest.text_field_vehicle_type")} label={t("LoanRequest.text_field_vehicle_type")}
size="small" size="small"
value={formik.values.vehicle_type} value={formik.values.vehicle_type}
schema={{value: "value", name: "name"}} schema={{ value: "value", name: "name" }}
selectType="vehicle_type" selectType="vehicle_type"
selectors={[ selectors={[
{ {
@@ -606,10 +610,10 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<PlateNumber formik={formik}/> <PlateNumber formik={formik} />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<SelectBox <SelectBox
name="education_id" name="education_id"
@@ -621,7 +625,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
selectors={educationsList} selectors={educationsList}
select={formik.values.education_id} select={formik.values.education_id}
value={formik.values.education_id} value={formik.values.education_id}
schema={{value: "id", name: "title"}} schema={{ value: "id", name: "title" }}
handleChange={(event) => { handleChange={(event) => {
formik.setFieldValue("education_id", event.target.value); formik.setFieldValue("education_id", event.target.value);
}} }}
@@ -639,7 +643,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
isLoading={isLoadingOccupationsList} isLoading={isLoadingOccupationsList}
errorEcured={errorOccupationsList} errorEcured={errorOccupationsList}
selectType="occupation_id" selectType="occupation_id"
schema={{value: "id", name: "title"}} schema={{ value: "id", name: "title" }}
selectors={occupationsList} selectors={occupationsList}
select={formik.values.occupation_id} select={formik.values.occupation_id}
value={formik.values.occupation_id} value={formik.values.occupation_id}
@@ -653,12 +657,12 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container spacing={2} sx={{padding: 2}}> <Grid container spacing={2} sx={{ padding: 2 }}>
<Grid item xs={12}> <Grid item xs={12}>
<TextField <TextField
multiline multiline
rows={4} rows={4}
sx={{width: "100%"}} sx={{ width: "100%" }}
name="address" name="address"
variant="outlined" variant="outlined"
size="small" size="small"
@@ -673,7 +677,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container sx={{padding: 2}}> <Grid container sx={{ padding: 2 }}>
<Grid item xs={12}> <Grid item xs={12}>
<FormControlLabel <FormControlLabel
color={"error.main"} color={"error.main"}
@@ -689,7 +693,7 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Grid container sx={{px: 2}}> <Grid container sx={{ px: 2 }}>
<Grid item xs={12}> <Grid item xs={12}>
<FormControlLabel <FormControlLabel
color={"error.main"} color={"error.main"}
@@ -708,10 +712,10 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
<Box <Box
sx={{ sx={{
display: "flex", display: "flex",
flexDirection: {xs: "column", sm: "row"}, flexDirection: { xs: "column", sm: "row" },
alignItems: "center", alignItems: "center",
mx: "auto", mx: "auto",
width: {xs: "100%", sm: "30%", md: "25%"}, width: { xs: "100%", sm: "30%", md: "25%" },
}} }}
> >
<Button <Button
@@ -720,8 +724,8 @@ const RealPersonForm = ({setFinishLoanRequest}) => {
type="submit" type="submit"
variant="contained" variant="contained"
size="large" size="large"
sx={{my: 4}} sx={{ my: 4 }}
endIcon={<DataSaverOnIcon/>} endIcon={<DataSaverOnIcon />}
disabled={formik.values.checkedBox ? formik.isSubmitting || !formik.dirty || !formik.isValid : true} disabled={formik.values.checkedBox ? formik.isSubmitting || !formik.dirty || !formik.isValid : true}
> >
{formik.isSubmitting ? t("LoanRequest.button_while_submit") : t("LoanRequest.button_submit")} {formik.isSubmitting ? t("LoanRequest.button_while_submit") : t("LoanRequest.button_submit")}

4
src/components/dashboard/navgan/add-request-loan/index.jsx
View File

@@ -1,4 +1,4 @@
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import AddFormComponent from "@/components/dashboard/navgan/add-request-loan/forms/AddForm"; import AddFormComponent from "@/components/dashboard/navgan/add-request-loan/forms/AddForm";
const LoanRequestComponent = () => { const LoanRequestComponent = () => {
@@ -6,7 +6,7 @@ const LoanRequestComponent = () => {
return ( return (
<> <>
<AddFormComponent/> <AddFormComponent />
</> </>
); );
}; };

154
src/components/dashboard/navgan/followUp-loan/RequestCard.jsx
View File

@@ -1,117 +1,127 @@
import {Box, Button, Card, CardContent, Grid, Stack, Typography} from "@mui/material"; import { Box, Button, Card, CardContent, Grid, Stack, Typography } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import moment from "jalali-moment"; import moment from "jalali-moment";
import {LinkRouting} from "@witel/webapp-builder"; import { LinkRouting } from "@witel/webapp-builder";
import AccessTimeFilledIcon from '@mui/icons-material/AccessTimeFilled'; import AccessTimeFilledIcon from "@mui/icons-material/AccessTimeFilled";
import CancelIcon from '@mui/icons-material/Cancel'; import CancelIcon from "@mui/icons-material/Cancel";
import EditIcon from '@mui/icons-material/Edit'; import EditIcon from "@mui/icons-material/Edit";
import PendingIcon from '@mui/icons-material/Pending'; import PendingIcon from "@mui/icons-material/Pending";
const RequestCard = ({item}) => { const RequestCard = ({ item }) => {
const t = useTranslations(); const t = useTranslations();
return ( return (
<Grid item xs={12} lg={6} xl={4}> <Grid item xs={12} lg={6} xl={4}>
<Card sx={{ <Card
width: "100%", sx={{
height: "100%", width: "100%",
boxShadow: "rgba(0, 0, 0, 0.15) 0px 5px 15px 0px" height: "100%",
}}> boxShadow: "rgba(0, 0, 0, 0.15) 0px 5px 15px 0px",
<CardContent sx={{ }}
display: 'flex', >
flexDirection: 'column', <CardContent
height: '100%', sx={{
justifyContent: "space-between" display: "flex",
}}> flexDirection: "column",
height: "100%",
justifyContent: "space-between",
}}
>
<Stack> <Stack>
<Box <Box
sx={{ sx={{
borderLeft: '6px solid', borderLeft: "6px solid",
borderColor: 'primary.main', borderColor: "primary.main",
borderRadius: '6px 0px 0px 6px', borderRadius: "6px 0px 0px 6px",
paddingLeft: '10px', paddingLeft: "10px",
}} }}
> >
<Typography variant="h6" sx={{lineHeight: 2, fontWeight: 'bold'}}> <Typography variant="h6" sx={{ lineHeight: 2, fontWeight: "bold" }}>
{`${t("LoanFollowUp.loan_unique_code")}: ${item.id}`} {`${t("LoanFollowUp.loan_unique_code")}: ${item.id}`}
</Typography> </Typography>
</Box> </Box>
<Typography variant="body1" sx={{lineHeight: 2, paddingLeft: '20px'}}> <Typography variant="body1" sx={{ lineHeight: 2, paddingLeft: "20px" }}>
{`${t("LoanFollowUp.loan_date")}: ${moment(item.created_at).locale("fa").format("HH:mm | YYYY/MM/DD")}`} {`${t("LoanFollowUp.loan_date")}: ${moment(item.created_at).locale("fa").format("HH:mm | YYYY/MM/DD")}`}
</Typography> </Typography>
<Typography variant="body1" sx={{lineHeight: 2, paddingLeft: '20px'}}> <Typography variant="body1" sx={{ lineHeight: 2, paddingLeft: "20px" }}>
{`${t("LoanFollowUp.loan_bank_branch")}: ${item.branch_info === null ? '-' : item.branch_info}`} {`${t("LoanFollowUp.loan_bank_branch")}: ${item.branch_info === null ? "-" : item.branch_info}`}
</Typography> </Typography>
<Typography variant="body1" sx={{lineHeight: 2, paddingLeft: '20px'}}> <Typography variant="body1" sx={{ lineHeight: 2, paddingLeft: "20px" }}>
{`${t("LoanFollowUp.loan_status")}: `} {`${t("LoanFollowUp.loan_status")}: `}
{item.state_id === 9 && {item.state_id === 9 && (
<> <>
{t("LoanFollowUp.loan_reserve")} {t("LoanFollowUp.loan_reserve")}
<PendingIcon sx={{verticalAlign: 'middle', marginLeft: '4px', color: '#48a4df'}}/> <PendingIcon
sx={{ verticalAlign: "middle", marginLeft: "4px", color: "#48a4df" }}
/>
</> </>
} )}
{item.state_id === 17 && {item.state_id === 17 && (
<> <>
{t("LoanFollowUp.loan_edit_info")} {t("LoanFollowUp.loan_edit_info")}
<EditIcon sx={{verticalAlign: 'middle', marginLeft: '4px', color: '#ed6c02'}}/> <EditIcon sx={{ verticalAlign: "middle", marginLeft: "4px", color: "#ed6c02" }} />
</> </>
} )}
{item.state_id === 7 && {item.state_id === 7 && (
<> <>
{t("LoanFollowUp.loan_cancel")} {t("LoanFollowUp.loan_cancel")}
<CancelIcon sx={{verticalAlign: 'middle', marginLeft: '4px', color: 'red'}}/> <CancelIcon sx={{ verticalAlign: "middle", marginLeft: "4px", color: "red" }} />
</> </>
} )}
{item.state_id !== 7 && item.state_id !== 17 && item.state_id !== 9 && {item.state_id !== 7 && item.state_id !== 17 && item.state_id !== 9 && (
<> <>
{t("LoanFollowUp.loan_review")} {t("LoanFollowUp.loan_review")}
<AccessTimeFilledIcon sx={{verticalAlign: 'middle', marginLeft: '4px', color: '#084070'}}/> <AccessTimeFilledIcon
sx={{ verticalAlign: "middle", marginLeft: "4px", color: "#084070" }}
/>
</> </>
} )}
</Typography> </Typography>
{item.state_id === 17 && ( {item.state_id === 17 && (
<Typography variant="body1" sx={{ <Typography
lineHeight: 2, variant="body1"
paddingLeft: '20px', sx={{
wordWrap: 'break-word', lineHeight: 2,
overflowWrap: 'break-word', paddingLeft: "20px",
wordBreak: 'break-word' wordWrap: "break-word",
}}> overflowWrap: "break-word",
wordBreak: "break-word",
}}
>
{`${t("LoanFollowUp.loan_description")}: ${item.latestHistory.expert_description}`} {`${t("LoanFollowUp.loan_description")}: ${item.latestHistory.expert_description}`}
</Typography> </Typography>
)} )}
{item.state_id === 7 && ( {item.state_id === 7 && (
<Typography variant="body1" sx={{ <Typography
lineHeight: 2, variant="body1"
paddingLeft: '20px', sx={{
wordWrap: 'break-word', lineHeight: 2,
overflowWrap: 'break-word', paddingLeft: "20px",
wordBreak: 'break-word' wordWrap: "break-word",
}}> overflowWrap: "break-word",
wordBreak: "break-word",
}}
>
{`${t("LoanFollowUp.loan_description")}: درخواست وام توسط بانک تایید نشد (نیاز به اصلاح اطلاعات) `} {`${t("LoanFollowUp.loan_description")}: درخواست وام توسط بانک تایید نشد (نیاز به اصلاح اطلاعات) `}
</Typography> </Typography>
)} )}
</Stack> </Stack>
{ {item.state_id === 17 ? (
item.state_id === 17 ? ( <Button variant="contained" color="warning" sx={{ alignSelf: "flex-end", mt: 2 }}>
<Button variant="contained" color="warning" sx={{alignSelf: 'flex-end', mt: 2}}> <LinkRouting underline="none" color="inherit" href={`/dashboard/navgan/${item.id}/show`}>
<LinkRouting underline="none" color="inherit" {t("LoanFollowUp.loan_edit")}
href={`/dashboard/navgan/${item.id}/show`}> </LinkRouting>
{t("LoanFollowUp.loan_edit")} </Button>
</LinkRouting> ) : (
</Button> <Button variant="contained" color="primary" sx={{ alignSelf: "flex-end", mt: 2 }}>
) : ( <LinkRouting underline="none" color="inherit" href={`/dashboard/navgan/${item.id}/show`}>
<Button variant="contained" color="primary" sx={{alignSelf: 'flex-end', mt: 2}}> {t("LoanFollowUp.loan_details")}
<LinkRouting underline="none" color="inherit" </LinkRouting>
href={`/dashboard/navgan/${item.id}/show`}> </Button>
{t("LoanFollowUp.loan_details")} )}
</LinkRouting>
</Button>
)
}
</CardContent> </CardContent>
</Card> </Card>
</Grid> </Grid>
); );
}; };
export default RequestCard; export default RequestCard;

38
src/components/dashboard/navgan/followUp-loan/index.jsx
View File

@@ -1,55 +1,53 @@
import {Grid} from "@mui/material"; import { Grid } from "@mui/material";
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
import {SHOW_LOAN_REQUEST_NAVGAN} from "@/core/data/apiRoutes"; import { SHOW_LOAN_REQUEST_NAVGAN } from "@/core/data/apiRoutes";
import RequestCard from "@/components/dashboard/navgan/followUp-loan/RequestCard"; import RequestCard from "@/components/dashboard/navgan/followUp-loan/RequestCard";
import {FullPageLayout, LoadingHardPage, useRequest} from "@witel/webapp-builder"; import { FullPageLayout, LoadingHardPage, useRequest } from "@witel/webapp-builder";
import sidebarMenu from "@/core/data/sidebarMenu"; import sidebarMenu from "@/core/data/sidebarMenu";
import BookmarkAddedIcon from "@mui/icons-material/BookmarkAdded"; import BookmarkAddedIcon from "@mui/icons-material/BookmarkAdded";
const LoanFollowUpComponent = () => { const LoanFollowUpComponent = () => {
const requestServer = useRequest(); const requestServer = useRequest();
const [isLoading, setIsLoading] = useState(false) const [isLoading, setIsLoading] = useState(false);
const [requestsList, setRequestsList] = useState([]); const [requestsList, setRequestsList] = useState([]);
useEffect(() => { useEffect(() => {
setIsLoading(true) setIsLoading(true);
requestServer(SHOW_LOAN_REQUEST_NAVGAN, "get", { requestServer(SHOW_LOAN_REQUEST_NAVGAN, "get", {
auth: true, auth: true,
pending: false, pending: false,
success: {notification: {show: false}} success: { notification: { show: false } },
}) })
.then(function ({data}) { .then(function ({ data }) {
const items = data.data; const items = data.data;
setRequestsList(items); setRequestsList(items);
setIsLoading(false) setIsLoading(false);
})
.catch(function (error) {
}) })
.catch(function (error) {});
}, []); }, []);
return ( return (
<FullPageLayout> <FullPageLayout>
<Grid <Grid
container container
columnSpacing={2} columnSpacing={2}
rowSpacing={2} rowSpacing={2}
sx={{alignItems: "start", justifyContent: "center", padding: "24px"}} sx={{ alignItems: "start", justifyContent: "center", padding: "24px" }}
> >
<LoadingHardPage <LoadingHardPage
loading={isLoading} width={100} height={100} loading={isLoading}
sx={{position: "absolute", bgcolor: "#fffc"}} width={100}
icon={<BookmarkAddedIcon sx={{width: 'inherit', height: 'inherit'}}/>} height={100}
sx={{ position: "absolute", bgcolor: "#fffc" }}
icon={<BookmarkAddedIcon sx={{ width: "inherit", height: "inherit" }} />}
> >
<Grid container sx={{justifyContent : "center"}} spacing={2}> <Grid container sx={{ justifyContent: "center" }} spacing={2}>
{requestsList.map((item) => ( {requestsList.map((item) => (
<RequestCard item={item} key={item.id}/> <RequestCard item={item} key={item.id} />
))} ))}
</Grid> </Grid>
</LoadingHardPage> </LoadingHardPage>
</Grid> </Grid>
</FullPageLayout> </FullPageLayout>
); );
}; };

1391
src/components/dashboard/navgan/show/form/UpdateFormLegal.jsx
View File

File diff suppressed because it is too large Load Diff

1252
src/components/dashboard/navgan/show/form/UpdateFormReal.jsx
View File

File diff suppressed because it is too large Load Diff

37
src/components/dashboard/navgan/show/form/index.jsx
View File

@@ -1,37 +1,38 @@
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
import {GET_LOAN_DETAILS} from "@/core/data/apiRoutes"; import { GET_LOAN_DETAILS } from "@/core/data/apiRoutes";
import {useRouter} from "next/router"; import { useRouter } from "next/router";
import {SvgLoading, useRequest} from "@witel/webapp-builder"; import { SvgLoading, useRequest } from "@witel/webapp-builder";
import {Stack, Typography} from "@mui/material"; import { Stack, Typography } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import UpdateFormReal from "@/components/dashboard/navgan/show/form/UpdateFormReal"; import UpdateFormReal from "@/components/dashboard/navgan/show/form/UpdateFormReal";
import UpdateFormLegal from "@/components/dashboard/navgan/show/form/UpdateFormLegal"; import UpdateFormLegal from "@/components/dashboard/navgan/show/form/UpdateFormLegal";
const ShowLoanForm = () => { const ShowLoanForm = () => {
const t = useTranslations(); const t = useTranslations();
const {query} = useRouter(); const { query } = useRouter();
const requestServer = useRequest({auth: true, notification: false}); const requestServer = useRequest({ auth: true, notification: false });
const [LoanDetails, setLoanDetails] = useState({}); const [LoanDetails, setLoanDetails] = useState({});
useEffect(() => { useEffect(() => {
requestServer(GET_LOAN_DETAILS + query.id, 'get', {auth: true, notification: false}).then(({data}) => { requestServer(GET_LOAN_DETAILS + query.id, "get", { auth: true, notification: false })
setLoanDetails(data.data); .then(({ data }) => {
}).catch(() => { setLoanDetails(data.data);
}) })
.catch(() => {});
}, []); }, []);
if (Object.keys(LoanDetails).length === 0) { if (Object.keys(LoanDetails).length === 0) {
return ( return (
<Stack sx={{alignItems: "center", justifyContent: "center"}} spacing={3}> <Stack sx={{ alignItems: "center", justifyContent: "center" }} spacing={3}>
<SvgLoading height={150} width={150}/> <SvgLoading height={150} width={150} />
<Typography>{t("ShowLoan.loading_show_component")}</Typography> <Typography>{t("ShowLoan.loading_show_component")}</Typography>
</Stack> </Stack>
); );
} }
return LoanDetails.is_legal_person === 1 ? ( return LoanDetails.is_legal_person === 1 ? (
<UpdateFormLegal LoanDetails={LoanDetails} LoanId={query.id}/> <UpdateFormLegal LoanDetails={LoanDetails} LoanId={query.id} />
) : ( ) : (
<UpdateFormReal LoanDetails={LoanDetails} LoanId={query.id}/> <UpdateFormReal LoanDetails={LoanDetails} LoanId={query.id} />
) );
}; };
export default ShowLoanForm; export default ShowLoanForm;

8
src/components/dashboard/navgan/show/index.jsx
View File

@@ -1,14 +1,14 @@
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import {CenterLayout, useUser} from "@witel/webapp-builder"; import { CenterLayout, useUser } from "@witel/webapp-builder";
import ShowLoanForm from "@/components/dashboard/navgan/show/form"; import ShowLoanForm from "@/components/dashboard/navgan/show/form";
const ShowLoan = () => { const ShowLoan = () => {
const t = useTranslations(); const t = useTranslations();
const {user} = useUser(); const { user } = useUser();
return ( return (
<CenterLayout> <CenterLayout>
<ShowLoanForm/> <ShowLoanForm />
</CenterLayout> </CenterLayout>
); );
}; };

15
src/components/errors/403.jsx
View File

@@ -1,18 +1,18 @@
import {Button, Typography} from "@mui/material"; import { Button, Typography } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import TitlePage from "@/core/components/TitlePage"; import TitlePage from "@/core/components/TitlePage";
import Svg403 from "@/core/components/svgs/Svg403"; import Svg403 from "@/core/components/svgs/Svg403";
import {CenterLayout, FullPageLayout, NextLinkComposed} from "@witel/webapp-builder"; import { CenterLayout, FullPageLayout, NextLinkComposed } from "@witel/webapp-builder";
const UnAuthorizedComponent = () => { const UnAuthorizedComponent = () => {
const t = useTranslations(); const t = useTranslations();
return ( return (
<> <>
<TitlePage text="Titles.title_custom_403"/> <TitlePage text="Titles.title_custom_403" />
<FullPageLayout sx={{p: 1}}> <FullPageLayout sx={{ p: 1 }}>
<CenterLayout spacing={3}> <CenterLayout spacing={3}>
<Svg403 width={300} height={200}/> <Svg403 width={300} height={200} />
<Typography margin={2} variant="h6" textAlign="center"> <Typography margin={2} variant="h6" textAlign="center">
{t("ErrorPage.custom_403")} {t("ErrorPage.custom_403")}
</Typography> </Typography>
@@ -23,8 +23,7 @@ const UnAuthorizedComponent = () => {
pathname: "/", pathname: "/",
}} }}
> >
{t("ErrorPage.link_routing_back_to")}{" "} {t("ErrorPage.link_routing_back_to")} {t("ErrorPage.link_routing_main_page")}
{t("ErrorPage.link_routing_main_page")}
</Button> </Button>
</CenterLayout> </CenterLayout>
</FullPageLayout> </FullPageLayout>

15
src/components/errors/404.jsx
View File

@@ -1,18 +1,18 @@
import {Button, Typography} from "@mui/material"; import { Button, Typography } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import TitlePage from "@/core/components/TitlePage"; import TitlePage from "@/core/components/TitlePage";
import Svg404 from "@/core/components/svgs/Svg404"; import Svg404 from "@/core/components/svgs/Svg404";
import {CenterLayout, FullPageLayout, NextLinkComposed} from "@witel/webapp-builder"; import { CenterLayout, FullPageLayout, NextLinkComposed } from "@witel/webapp-builder";
const NotFoundComponent = () => { const NotFoundComponent = () => {
const t = useTranslations(); const t = useTranslations();
return ( return (
<> <>
<TitlePage text="Titles.title_custom_404"/> <TitlePage text="Titles.title_custom_404" />
<FullPageLayout sx={{p: 1}}> <FullPageLayout sx={{ p: 1 }}>
<CenterLayout spacing={3}> <CenterLayout spacing={3}>
<Svg404 width={300} height={200}/> <Svg404 width={300} height={200} />
<Typography margin={2} variant="h6" textAlign="center"> <Typography margin={2} variant="h6" textAlign="center">
{t("ErrorPage.custom_404")} {t("ErrorPage.custom_404")}
</Typography> </Typography>
@@ -23,8 +23,7 @@ const NotFoundComponent = () => {
pathname: "/", pathname: "/",
}} }}
> >
{t("ErrorPage.link_routing_back_to")}{" "} {t("ErrorPage.link_routing_back_to")} {t("ErrorPage.link_routing_main_page")}
{t("ErrorPage.link_routing_main_page")}
</Button> </Button>
</CenterLayout> </CenterLayout>
</FullPageLayout> </FullPageLayout>

15
src/components/errors/500.jsx
View File

@@ -1,18 +1,18 @@
import {Button, Typography} from "@mui/material"; import { Button, Typography } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import TitlePage from "@/core/components/TitlePage"; import TitlePage from "@/core/components/TitlePage";
import Svg500 from "@/core/components/svgs/Svg500"; import Svg500 from "@/core/components/svgs/Svg500";
import {CenterLayout, FullPageLayout, NextLinkComposed} from "@witel/webapp-builder"; import { CenterLayout, FullPageLayout, NextLinkComposed } from "@witel/webapp-builder";
const ServerErrorComponent = () => { const ServerErrorComponent = () => {
const t = useTranslations(); const t = useTranslations();
return ( return (
<> <>
<TitlePage text="Titles.title_custom_500"/> <TitlePage text="Titles.title_custom_500" />
<FullPageLayout sx={{p: 1}}> <FullPageLayout sx={{ p: 1 }}>
<CenterLayout spacing={3}> <CenterLayout spacing={3}>
<Svg500 width={300} height={200}/> <Svg500 width={300} height={200} />
<Typography margin={2} variant="h6" textAlign="center"> <Typography margin={2} variant="h6" textAlign="center">
{t("ErrorPage.custom_500")} {t("ErrorPage.custom_500")}
</Typography> </Typography>
@@ -23,8 +23,7 @@ const ServerErrorComponent = () => {
pathname: "/", pathname: "/",
}} }}
> >
{t("ErrorPage.link_routing_back_to")}{" "} {t("ErrorPage.link_routing_back_to")} {t("ErrorPage.link_routing_main_page")}
{t("ErrorPage.link_routing_main_page")}
</Button> </Button>
</CenterLayout> </CenterLayout>
</FullPageLayout> </FullPageLayout>

20
src/components/first/Banner.jsx
View File

@@ -1,14 +1,18 @@
import {Box, Container} from "@mui/material"; import { Box, Container } from "@mui/material";
import {useConfig} from "@witel/webapp-builder"; import { useConfig } from "@witel/webapp-builder";
const Banner = () => { const Banner = () => {
const {config} = useConfig(); const { config } = useConfig();
const bannerHTML = config.banner; const bannerHTML = config.banner;
return (<Box sx={{backgroundColor: "primary.light"}}> return (
{config.banner && config.banner !== "" && (<Container sx={{py: 0.7}} maxWidth="xl"> <Box sx={{ backgroundColor: "primary.light" }}>
<div dangerouslySetInnerHTML={{__html: bannerHTML}}/> {config.banner && config.banner !== "" && (
</Container>)} <Container sx={{ py: 0.7 }} maxWidth="xl">
</Box>); <div dangerouslySetInnerHTML={{ __html: bannerHTML }} />
</Container>
)}
</Box>
);
}; };
export default Banner; export default Banner;

42
src/components/first/FooterDetails.jsx
View File

@@ -1,37 +1,39 @@
import {Box, Button, Container, Grid, Stack, Typography} from "@mui/material"; import { Box, Button, Container, Grid, Stack, Typography } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import {LinkRouting} from "@witel/webapp-builder"; import { LinkRouting } from "@witel/webapp-builder";
const FooterDetails = () => { const FooterDetails = () => {
const t = useTranslations(); const t = useTranslations();
return ( return (
<Box sx={{backgroundColor: 'black', color: 'white'}}> <Box sx={{ backgroundColor: "black", color: "white" }}>
<Container sx={{py: 2}} maxWidth="xl"> <Container sx={{ py: 2 }} maxWidth="xl">
<Grid container sx={{py: 2}}> <Grid container sx={{ py: 2 }}>
<Grid item xs={12} md={8}> <Grid item xs={12} md={8}>
<Button disabled> <Button disabled>
<Typography color={'white'}>کلیه حقوق محفوظ و متعلق به سازمان راهداری و حمل و نقل جاده ای می <Typography color={"white"}>
باشد</Typography> کلیه حقوق محفوظ و متعلق به سازمان راهداری و حمل و نقل جاده ای می باشد
</Typography>
</Button> </Button>
</Grid> </Grid>
<Grid item xs={12} md={4}> <Grid item xs={12} md={4}>
<Stack direction="row" alignItems="center" justifyContent="center"> <Stack direction="row" alignItems="center" justifyContent="center">
<img src='/icons/bpms.png' width={50} alt={t("powered_by_witel")}/> <img src="/icons/bpms.png" width={50} alt={t("powered_by_witel")} />
<LinkRouting <LinkRouting
sx={{margin: 0.5, fontSize: "16px", color: "white"}} sx={{ margin: 0.5, fontSize: "16px", color: "white" }}
href={'#'} href={"#"}
underline="hover" underline="hover"
> >
{t("powered_by_witel")} {t("powered_by_witel")}
</LinkRouting> </LinkRouting>
</Stack> </Stack>
<Stack direction="row" alignItems="center" justifyContent="center"> <Stack direction="row" alignItems="center" justifyContent="center">
<Typography variant={"caption"} <Typography
sx={{ variant={"caption"}
color: 'white', sx={{
fontFamily: 'Arial', color: "white",
fontWeight: 'bold' fontFamily: "Arial",
}} fontWeight: "bold",
}}
> >
v{process.env.NEXT_PUBLIC_API_VERSION} v{process.env.NEXT_PUBLIC_API_VERSION}
</Typography> </Typography>
@@ -40,6 +42,6 @@ const FooterDetails = () => {
</Grid> </Grid>
</Container> </Container>
</Box> </Box>
) );
} };
export default FooterDetails export default FooterDetails;

12
src/components/first/HeaderDetails.jsx
View File

@@ -1,16 +1,16 @@
import {Box, Button, Container, Grid} from "@mui/material"; import { Box, Button, Container, Grid } from "@mui/material";
const HeaderDetails = () => { const HeaderDetails = () => {
return ( return (
<Box> <Box>
<Container sx={{py: 3}} maxWidth="xl"> <Container sx={{ py: 3 }} maxWidth="xl">
<Grid container> <Grid container>
<Grid item xs={12} md={8}> <Grid item xs={12} md={8}>
<Button startIcon={<img src='/icons/headerLogo.png' alt='icon'/>}/> <Button startIcon={<img src="/icons/headerLogo.png" alt="icon" />} />
</Grid> </Grid>
</Grid> </Grid>
</Container> </Container>
</Box> </Box>
) );
} };
export default HeaderDetails export default HeaderDetails;

75
src/components/first/LoanCondition.jsx
View File

@@ -1,48 +1,59 @@
import {Box, Button, Chip, Container, Grid, Link, Typography} from "@mui/material"; import { Box, Button, Chip, Container, Grid, Link, Typography } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import DownloadIcon from '@mui/icons-material/Download'; import DownloadIcon from "@mui/icons-material/Download";
const LoanCondition = () => { const LoanCondition = () => {
const t = useTranslations(); const t = useTranslations();
return ( return (
<Box> <Box>
<Container sx={{py: 3}} maxWidth="xl"> <Container sx={{ py: 3 }} maxWidth="xl">
<Grid container> <Grid container>
<Grid item xs={12} md={8}> <Grid item xs={12} md={8}>
<Box sx={{padding: 3}}> <Box sx={{ padding: 3 }}>
<Typography variant={'h5'}> <Typography variant={"h5"}>قوانین دریافت وام</Typography>
قوانین دریافت وام <Grid item sx={{ my: 2 }}>
</Typography> <Chip
<Grid item sx={{my: 2}}> sx={{ m: 1 }}
<Chip sx={{m: 1}} label="1. ارایه کارت هوشمند ناوگان فعال توسط مالک ناوگان (صاحب سند و پلاک)"
label="1. ارایه کارت هوشمند ناوگان فعال توسط مالک ناوگان (صاحب سند و پلاک)"/> />
<Chip sx={{m: 1}} label="2. ارایه حداقل 120 صورت وضعیت در سال 1400 و 1401"/> <Chip sx={{ m: 1 }} label="2. ارایه حداقل 120 صورت وضعیت در سال 1400 و 1401" />
<Chip sx={{m: 1}} label="3. نداشتن بدهی جاری"/> <Chip sx={{ m: 1 }} label="3. نداشتن بدهی جاری" />
</Grid> </Grid>
<Typography sx={{lineHeight: 2.4}} textAlign={'justify'}> <Typography sx={{ lineHeight: 2.4 }} textAlign={"justify"}>
این وام برای اتوبوس تا سقف <Typography sx={{color: "secondary.main"}} این وام برای اتوبوس تا سقف{" "}
variant={'h6'} <Typography
fontWeight={'bold'} sx={{ color: "secondary.main" }}
component={'span'}>700</Typography> میلیون تومان variant={"h6"}
و برای مینی بوس تا سقف <Typography sx={{color: "secondary.main"}} fontWeight={"bold"}
variant={'h6'} component={"span"}
fontWeight={'bold'} >
component={'span'}>200</Typography> میلیون تومان در 700
نظر گرفته شده است. مبلغ نهایی با توجه به امتیاز و روند کارشناسی در ادارات مربوطه مشخص </Typography>{" "}
میشود. برای اطلاع از شرایط کامل این وام فایل پیوست را مطالعه بفرمایید. میلیون تومان و برای مینی بوس تا سقف{" "}
<Typography
sx={{ color: "secondary.main" }}
variant={"h6"}
fontWeight={"bold"}
component={"span"}
>
200
</Typography>{" "}
میلیون تومان در نظر گرفته شده است. مبلغ نهایی با توجه به امتیاز و روند کارشناسی در
ادارات مربوطه مشخص میشود. برای اطلاع از شرایط کامل این وام فایل پیوست را مطالعه
بفرمایید.
</Typography> </Typography>
</Box> </Box>
</Grid> </Grid>
<Grid sx={{display: 'flex', alignItems: "center", justifyContent: "center"}} item xs={12} md={4}> <Grid sx={{ display: "flex", alignItems: "center", justifyContent: "center" }} item xs={12} md={4}>
<Box> <Box>
<Button variant="contained" startIcon={<DownloadIcon/>}> <Button variant="contained" startIcon={<DownloadIcon />}>
<Link <Link
variant="subtitle1" variant="subtitle1"
sx={{padding: 1}} sx={{ padding: 1 }}
color={'white'} color={"white"}
download download
underline="none" underline="none"
href={'/files/راهنما.pdf'} href={"/files/راهنما.pdf"}
> >
دریافت فایل های راهنما دریافت فایل های راهنما
</Link> </Link>
@@ -52,6 +63,6 @@ const LoanCondition = () => {
</Grid> </Grid>
</Container> </Container>
</Box> </Box>
) );
} };
export default LoanCondition export default LoanCondition;

51
src/components/first/LoanDescription/TimeLineDetails.jsx
View File

@@ -1,37 +1,37 @@
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
import TimelineManager from "@/core/components/timelines/timelineManager"; import TimelineManager from "@/core/components/timelines/timelineManager";
import moment from "jalali-moment"; import moment from "jalali-moment";
import {Timeline} from "@mui/lab"; import { Timeline } from "@mui/lab";
import {useConfig} from "@witel/webapp-builder"; import { useConfig } from "@witel/webapp-builder";
const TimeLineDetails = () => { const TimeLineDetails = () => {
const {config} = useConfig() const { config } = useConfig();
const [timeLineList, setTimeLineList] = useState([]) const [timeLineList, setTimeLineList] = useState([]);
const deadlines = Object.keys(config.deadlines).map(key => ({ const deadlines = Object.keys(config.deadlines).map((key) => ({
type: key, type: key,
...config.deadlines[key] ...config.deadlines[key],
})); }));
useEffect(() => { useEffect(() => {
let tempArr = [] let tempArr = [];
for (const timeLine of deadlines) { for (const timeLine of deadlines) {
let temp = {} let temp = {};
temp['label'] = timeLine.timeline_label temp["label"] = timeLine.timeline_label;
temp['date'] = moment(timeLine.date.from, 'jYYYY/jMM/jDD').locale('fa').format('jD jMMMM') temp["date"] = moment(timeLine.date.from, "jYYYY/jMM/jDD").locale("fa").format("jD jMMMM");
const fromDate = moment(timeLine.date.from, 'jYYYY/jMM/jDD') const fromDate = moment(timeLine.date.from, "jYYYY/jMM/jDD");
const toDate = moment(timeLine.date.to, 'jYYYY/jMM/jDD') const toDate = moment(timeLine.date.to, "jYYYY/jMM/jDD");
const today = moment() const today = moment();
if (today.isBetween(fromDate, toDate, null, '[]')) { if (today.isBetween(fromDate, toDate, null, "[]")) {
temp['status'] = 'in progress' temp["status"] = "in progress";
} else if (today.isAfter(toDate, null)) { } else if (today.isAfter(toDate, null)) {
temp['status'] = 'done' temp["status"] = "done";
} else if (today.isBefore(fromDate, null)) { } else if (today.isBefore(fromDate, null)) {
temp['status'] = 'open' temp["status"] = "open";
} }
tempArr.push(temp) tempArr.push(temp);
} }
setTimeLineList(tempArr) setTimeLineList(tempArr);
}, []); }, []);
return ( return (
@@ -43,11 +43,10 @@ const TimeLineDetails = () => {
date={timeLine.date} date={timeLine.date}
primaryLabel={timeLine.label.primary} primaryLabel={timeLine.label.primary}
secondaryLabel={timeLine.label.secondary} secondaryLabel={timeLine.label.secondary}
position={index === (timeLineList.length - 1) ? 'end' : ''} position={index === timeLineList.length - 1 ? "end" : ""}
/> />
)) ))}
}
</Timeline> </Timeline>
) );
} };
export default TimeLineDetails export default TimeLineDetails;

61
src/components/first/LoanDescription/index.jsx
View File

@@ -1,46 +1,55 @@
import {Box, Container, Grid, Typography} from "@mui/material"; import { Box, Container, Grid, Typography } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import TimeLineDetails from "@/components/first/LoanDescription/TimeLineDetails"; import TimeLineDetails from "@/components/first/LoanDescription/TimeLineDetails";
const LoanDescription = () => { const LoanDescription = () => {
const t = useTranslations(); const t = useTranslations();
return ( return (
<Box> <Box>
<Container sx={{py: 3}} maxWidth="xl"> <Container sx={{ py: 3 }} maxWidth="xl">
<Typography sx={{my: 3}} variant={'h3'}> <Typography sx={{ my: 3 }} variant={"h3"}>
وام نوسازی ناوگان وام نوسازی ناوگان
</Typography> </Typography>
<Grid sx={{py: 2}} container spacing={2}> <Grid sx={{ py: 2 }} container spacing={2}>
<Grid item xs={12} md={7}> <Grid item xs={12} md={7}>
<Typography sx={{lineHeight: 2.4}} variant={'subtitle1'} textAlign={'justify'}> <Typography sx={{ lineHeight: 2.4 }} variant={"subtitle1"} textAlign={"justify"}>
این وام براساس <Typography sx={{color: "secondary.main"}} variant={'h5'} این وام براساس{" "}
fontWeight={'bold'} <Typography
component={'span'}>تبصره 18</Typography> قانون بودجه می باشد. در sx={{ color: "secondary.main" }}
قانون variant={"h5"}
بودجه این تبصره اینگونه بیان شده است: fontWeight={"bold"}
به منظور رشد و پیشرفت استان های کشور از طریق ارتقای بهره وری و توسعه، سرمایه گذاری ها، component={"span"}
تکمیل واحدهای نیمه تمام و ظرفیت های خالی بنگاه های تولیدی بر پایه آمایش سرزمین و همچنین >
حمایت از طرح(پروژهای) دانش بنیان و پیشران و بسط و عدالت سرزمینی منابع زیر جهت ایجاد و افزایش تبصره 18
تولید، اشتغال و کارآفرینی و ارتقای رشد اقتصادی اختصاص می یابد. </Typography>{" "}
قانون بودجه می باشد. در قانون بودجه این تبصره اینگونه بیان شده است: به منظور رشد و پیشرفت
استان های کشور از طریق ارتقای بهره وری و توسعه، سرمایه گذاری ها، تکمیل واحدهای نیمه تمام و
ظرفیت های خالی بنگاه های تولیدی بر پایه آمایش سرزمین و همچنین حمایت از طرح(پروژهای) دانش
بنیان و پیشران و بسط و عدالت سرزمینی منابع زیر جهت ایجاد و افزایش تولید، اشتغال و کارآفرینی
و ارتقای رشد اقتصادی اختصاص می یابد.
</Typography> </Typography>
<Typography sx={{lineHeight: 2.4}} variant={'subtitle1'} textAlign={'justify'}> <Typography sx={{ lineHeight: 2.4 }} variant={"subtitle1"} textAlign={"justify"}>
در این راستا سازمان راهداری و حمل و نقل جاده ای به منظور بهبود کیفیت حمل و نقل بین شهری و در این راستا سازمان راهداری و حمل و نقل جاده ای به منظور بهبود کیفیت حمل و نقل بین شهری و
افزایش ظرفیت ترابری اقدام به اعطای وام به <Typography sx={{color: "secondary.main"}} افزایش ظرفیت ترابری اقدام به اعطای وام به{" "}
variant={'h5'} <Typography
fontWeight={'bold'} sx={{ color: "secondary.main" }}
component={'span'}>ناوگان های variant={"h5"}
مسافربری</Typography> برای fontWeight={"bold"}
بازسازی و تعمیرات میکند. component={"span"}
>
ناوگان های مسافربری
</Typography>{" "}
برای بازسازی و تعمیرات میکند.
</Typography> </Typography>
</Grid> </Grid>
<Grid item xs={12} md={5}> <Grid item xs={12} md={5}>
<Box> <Box>
<TimeLineDetails/> <TimeLineDetails />
</Box> </Box>
</Grid> </Grid>
</Grid> </Grid>
</Container> </Container>
</Box> </Box>
) );
} };
export default LoanDescription export default LoanDescription;

49
src/components/first/LoanRegister.jsx
View File

@@ -1,20 +1,20 @@
import {Box, Container, Grid, Stack, Typography} from "@mui/material"; import { Box, Container, Grid, Stack, Typography } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import {LinkRouting} from "@witel/webapp-builder"; import { LinkRouting } from "@witel/webapp-builder";
const LoanRegister = () => { const LoanRegister = () => {
const t = useTranslations(); const t = useTranslations();
return ( return (
<Box sx={{backgroundSize: 'cover', backgroundImage: `url(/images/bg-firstpage-bus.png)`}}> <Box sx={{ backgroundSize: "cover", backgroundImage: `url(/images/bg-firstpage-bus.png)` }}>
<Container sx={{padding: 3, color: "white"}} maxWidth="xl"> <Container sx={{ padding: 3, color: "white" }} maxWidth="xl">
<Typography sx={{my: 3, textShadow: '1px 1px 2px #555555'}} variant={'h3'}> <Typography sx={{ my: 3, textShadow: "1px 1px 2px #555555" }} variant={"h3"}>
{t("app_name")} {t("app_name")}
</Typography> </Typography>
<Stack sx={{color: "white"}}> <Stack sx={{ color: "white" }}>
<Grid sx={{py: 4}} container spacing={2}> <Grid sx={{ py: 4 }} container spacing={2}>
<Grid item xs={12} md={6}> <Grid item xs={12} md={6}>
<Box sx={{paddingBottom: 4}}> <Box sx={{ paddingBottom: 4 }}>
<Typography sx={{lineHeight: 2.7, textShadow: '1px 1px 2px black'}}> <Typography sx={{ lineHeight: 2.7, textShadow: "1px 1px 2px black" }}>
وام نوسازی ناوگان به هدف رشد و پیشرفت استان های کشور از طریق ارتقای بهره وری و توسعه وام نوسازی ناوگان به هدف رشد و پیشرفت استان های کشور از طریق ارتقای بهره وری و توسعه
اعطا میشود. برای استفاده از تسهیلات این سامانه و درخواست وام می بایست ابتدا وارد اعطا میشود. برای استفاده از تسهیلات این سامانه و درخواست وام می بایست ابتدا وارد
سامانه شوید. سامانه شوید.
@@ -22,17 +22,18 @@ const LoanRegister = () => {
</Box> </Box>
</Grid> </Grid>
<Grid item xs={12} md={6}> <Grid item xs={12} md={6}>
<Stack spacing={3} alignItems={'center'} justifyContent={'center'}> <Stack spacing={3} alignItems={"center"} justifyContent={"center"}>
<Container maxWidth={'xs'} sx={{ <Container
backgroundColor: "primary.main", maxWidth={"xs"}
textAlign: "center", sx={{
borderRadius: 2, backgroundColor: "primary.main",
padding: 1 textAlign: "center",
}}> borderRadius: 2,
<LinkRouting underline="none" color="inherit" href={'/login'}> padding: 1,
<Typography variant="h6"> }}
{t("firstPage.register_button")} >
</Typography> <LinkRouting underline="none" color="inherit" href={"/login"}>
<Typography variant="h6">{t("firstPage.register_button")}</Typography>
</LinkRouting> </LinkRouting>
</Container> </Container>
</Stack> </Stack>
@@ -41,6 +42,6 @@ const LoanRegister = () => {
</Stack> </Stack>
</Container> </Container>
</Box> </Box>
) );
} };
export default LoanRegister export default LoanRegister;

18
src/components/first/index.jsx
View File

@@ -1,11 +1,11 @@
import {Stack} from "@mui/material"; import { Stack } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import LoanRegister from "@/components/first/LoanRegister"; import LoanRegister from "@/components/first/LoanRegister";
import LoanCondition from "@/components/first/LoanCondition"; import LoanCondition from "@/components/first/LoanCondition";
import FooterDetails from "@/components/first/FooterDetails"; import FooterDetails from "@/components/first/FooterDetails";
import HeaderDetails from "@/components/first/HeaderDetails"; import HeaderDetails from "@/components/first/HeaderDetails";
import LoanDescription from "@/components/first/LoanDescription"; import LoanDescription from "@/components/first/LoanDescription";
import {FullPageLayout} from "@witel/webapp-builder"; import { FullPageLayout } from "@witel/webapp-builder";
import Banner from "@/components/first/Banner"; import Banner from "@/components/first/Banner";
const FirstComponent = () => { const FirstComponent = () => {
@@ -14,12 +14,12 @@ const FirstComponent = () => {
return ( return (
<FullPageLayout> <FullPageLayout>
<Stack> <Stack>
<HeaderDetails/> <HeaderDetails />
<Banner/> <Banner />
<LoanRegister/> <LoanRegister />
<LoanDescription/> <LoanDescription />
<LoanCondition/> <LoanCondition />
<FooterDetails/> <FooterDetails />
</Stack> </Stack>
</FullPageLayout> </FullPageLayout>
); );

74
src/components/login/SendToken.jsx
View File

@@ -1,53 +1,47 @@
import ResendToken from "@/core/components/ResendToken"; import ResendToken from "@/core/components/ResendToken";
import StyledForm from "@/core/components/StyledForm"; import StyledForm from "@/core/components/StyledForm";
import {LOGIN} from "@/core/data/apiRoutes"; import { LOGIN } from "@/core/data/apiRoutes";
import ChangeCircleIcon from "@mui/icons-material/ChangeCircle"; import ChangeCircleIcon from "@mui/icons-material/ChangeCircle";
import LoginIcon from "@mui/icons-material/Login"; import LoginIcon from "@mui/icons-material/Login";
import {Box, Button, Container, Grid, Paper, Stack, TextField, Typography,} from "@mui/material"; import { Box, Button, Container, Grid, Paper, Stack, TextField, Typography } from "@mui/material";
import {Field, Formik} from "formik"; import { Field, Formik } from "formik";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import * as Yup from "yup"; import * as Yup from "yup";
import SvgLogin from "@/core/components/svgs/SvgLogin"; import SvgLogin from "@/core/components/svgs/SvgLogin";
import AutoSubmit from "@/core/components/AutoSubmit"; import AutoSubmit from "@/core/components/AutoSubmit";
import {CenterLayout, FullPageLayout, useRequest, useUser} from "@witel/webapp-builder"; import { CenterLayout, FullPageLayout, useRequest, useUser } from "@witel/webapp-builder";
const SendTokenComponent = ({ const SendTokenComponent = ({ PhoneNumber, setOtpToken, timer, setTimer, initialTimerValue }) => {
PhoneNumber,
setOtpToken,
timer,
setTimer,
initialTimerValue,
}) => {
const t = useTranslations(); const t = useTranslations();
const requestServer = useRequest(); const requestServer = useRequest();
const {setToken} = useUser(); const { setToken } = useUser();
const initialValues = { const initialValues = {
phone_number: PhoneNumber, phone_number: PhoneNumber,
verification_code: "", verification_code: "",
}; };
const validationSchema = Yup.object().shape({ const validationSchema = Yup.object().shape({
verification_code: Yup.string().required( verification_code: Yup.string().required(t("LoginPage.error_message_verification_code")),
t("LoginPage.error_message_verification_code")
),
}); });
const handleSubmit = (values, props) => { const handleSubmit = (values, props) => {
requestServer(LOGIN, "post", { requestServer(LOGIN, "post", {
auth: false, data: { auth: false,
data: {
phone_number: values.phone_number, phone_number: values.phone_number,
verification_code: values.verification_code, verification_code: values.verification_code,
} },
}) })
.then(function (response) { .then(function (response) {
setToken(response.data.token); setToken(response.data.token);
}).catch(function (error) { })
props.setSubmitting(false); .catch(function (error) {
}); props.setSubmitting(false);
});
}; };
return ( return (
<FullPageLayout sx={{p: 1}}> <FullPageLayout sx={{ p: 1 }}>
<CenterLayout> <CenterLayout>
<Container maxWidth="sm"> <Container maxWidth="sm">
<Paper elevation={0}> <Paper elevation={0}>
@@ -57,35 +51,32 @@ const SendTokenComponent = ({
validationSchema={validationSchema} validationSchema={validationSchema}
> >
{(props) => ( {(props) => (
<Stack spacing={2} sx={{p: 2}}> <Stack spacing={2} sx={{ p: 2 }}>
<Stack <Stack sx={{ width: "100%" }} alignItems="center">
sx={{width: "100%"}} <SvgLogin width={300} height={200} />
alignItems='center'
>
<SvgLogin width={300} height={200}/>
</Stack> </Stack>
<Typography margin={2} variant="h4" textAlign="center"> <Typography margin={2} variant="h4" textAlign="center">
{t("login")} {t("login")}
</Typography> </Typography>
<StyledForm sx={{width: "100%"}}> <StyledForm sx={{ width: "100%" }}>
<Stack spacing={3} sx={{p: 2}}> <Stack spacing={3} sx={{ p: 2 }}>
<Box <Box
sx={{ sx={{
display: {xs: "column", sm: "flex"}, display: { xs: "column", sm: "flex" },
alignItems: "center", alignItems: "center",
textAlign: {xs: "center", sm: "unset"}, textAlign: { xs: "center", sm: "unset" },
justifyContent: "space-between", justifyContent: "space-between",
}} }}
> >
<Typography variant="button" sx={{display: "block"}}> <Typography variant="button" sx={{ display: "block" }}>
{t("LoginPage.sent_token_to")}: {PhoneNumber} {t("LoginPage.sent_token_to")}: {PhoneNumber}
</Typography> </Typography>
<Button <Button
size="small" size="small"
startIcon={<ChangeCircleIcon/>} startIcon={<ChangeCircleIcon />}
variant="outlined" variant="outlined"
onClick={() => setOtpToken(false)} onClick={() => setOtpToken(false)}
sx={{whiteSpace: "nowrap", my: {xs: 1, sm: 0}}} sx={{ whiteSpace: "nowrap", my: { xs: 1, sm: 0 } }}
> >
{t("LoginPage.change_phone_number")} {t("LoginPage.change_phone_number")}
</Button> </Button>
@@ -95,9 +86,7 @@ const SendTokenComponent = ({
name="verification_code" name="verification_code"
variant="outlined" variant="outlined"
label={t("LoginPage.text_field_verification_code")} label={t("LoginPage.text_field_verification_code")}
placeholder={t( placeholder={t("LoginPage.text_field_enter_your_verification_code")}
"LoginPage.text_field_enter_your_verification_code"
)}
value={props.values.verification_code} value={props.values.verification_code}
type={"tel"} type={"tel"}
onChange={(event) => { onChange={(event) => {
@@ -113,7 +102,10 @@ const SendTokenComponent = ({
}); });
}} }}
error={ error={
!!(props.touched.verification_code && props.errors.verification_code) !!(
props.touched.verification_code &&
props.errors.verification_code
)
} }
fullWidth fullWidth
helperText={ helperText={
@@ -122,7 +114,7 @@ const SendTokenComponent = ({
: null : null
} }
/> />
<AutoSubmit/> <AutoSubmit />
<Grid container> <Grid container>
<Grid item xs={12}> <Grid item xs={12}>
<Button <Button
@@ -130,7 +122,7 @@ const SendTokenComponent = ({
type="submit" type="submit"
variant="contained" variant="contained"
size="large" size="large"
endIcon={<LoginIcon/>} endIcon={<LoginIcon />}
disabled={props.isSubmitting} disabled={props.isSubmitting}
> >
{t("LoginPage.button_submit")} {t("LoginPage.button_submit")}

74
src/components/login/SendUserData.jsx
View File

@@ -1,22 +1,15 @@
import StyledForm from "@/core/components/StyledForm"; import StyledForm from "@/core/components/StyledForm";
import {SEND_OTP_TOKEN} from "@/core/data/apiRoutes"; import { SEND_OTP_TOKEN } from "@/core/data/apiRoutes";
import FingerprintIcon from "@mui/icons-material/Fingerprint"; import FingerprintIcon from "@mui/icons-material/Fingerprint";
import {Button, Container, Grid, Paper, Stack, TextField, Typography,} from "@mui/material"; import { Button, Container, Grid, Paper, Stack, TextField, Typography } from "@mui/material";
import {Field, Formik} from "formik"; import { Field, Formik } from "formik";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import {useSearchParams} from "next/navigation"; import { useSearchParams } from "next/navigation";
import * as Yup from "yup"; import * as Yup from "yup";
import SvgLogin from "@/core/components/svgs/SvgLogin"; import SvgLogin from "@/core/components/svgs/SvgLogin";
import {CenterLayout, FullPageLayout, LinkRouting, useRequest} from "@witel/webapp-builder"; import { CenterLayout, FullPageLayout, LinkRouting, useRequest } from "@witel/webapp-builder";
const SendUserDataComponent = ({ setOtpToken, setPhoneNumber, PhoneNumber, setTimer, initialTimerValue }) => {
const SendUserDataComponent = ({
setOtpToken,
setPhoneNumber,
PhoneNumber,
setTimer,
initialTimerValue,
}) => {
const t = useTranslations(); const t = useTranslations();
const requestServer = useRequest(); const requestServer = useRequest();
@@ -30,28 +23,30 @@ const SendUserDataComponent = ({
phone_number: Yup.mixed() phone_number: Yup.mixed()
.test("max", `${t("LoginPage.phone_number_max")}`, (value) => { .test("max", `${t("LoginPage.phone_number_max")}`, (value) => {
const stringValue = String(value); const stringValue = String(value);
return stringValue.length === 11 return stringValue.length === 11;
}) })
.required(t("LoginPage.error_message_phone_number")), .required(t("LoginPage.error_message_phone_number")),
}); });
const handleSubmit = (values, props) => { const handleSubmit = (values, props) => {
requestServer(SEND_OTP_TOKEN, "post", { requestServer(SEND_OTP_TOKEN, "post", {
auth: false, data: { auth: false,
data: {
phone_number: values.phone_number, phone_number: values.phone_number,
} },
}) })
.then(function (response) { .then(function (response) {
setPhoneNumber(values.phone_number); setPhoneNumber(values.phone_number);
setOtpToken(true); setOtpToken(true);
setTimer(initialTimerValue); setTimer(initialTimerValue);
}).catch(function (error) { })
props.setSubmitting(false); .catch(function (error) {
}); props.setSubmitting(false);
});
}; };
return ( return (
<FullPageLayout sx={{p: 1}}> <FullPageLayout sx={{ p: 1 }}>
<CenterLayout> <CenterLayout>
<Container maxWidth="sm"> <Container maxWidth="sm">
<Paper elevation={0}> <Paper elevation={0}>
@@ -61,26 +56,21 @@ const SendUserDataComponent = ({
validationSchema={validationSchema} validationSchema={validationSchema}
> >
{(props) => ( {(props) => (
<Stack spacing={2} sx={{p: 2}}> <Stack spacing={2} sx={{ p: 2 }}>
<Stack <Stack sx={{ width: "100%" }} alignItems="center">
sx={{width: "100%"}} <SvgLogin width={300} height={200} />
alignItems='center'
>
<SvgLogin width={300} height={200}/>
</Stack> </Stack>
<Typography margin={2} variant="h4" textAlign="center"> <Typography margin={2} variant="h4" textAlign="center">
{t("Titles.title_login_page")} {t("Titles.title_login_page")}
</Typography> </Typography>
<StyledForm sx={{width: "100%"}}> <StyledForm sx={{ width: "100%" }}>
<Stack spacing={3} sx={{p: 2}}> <Stack spacing={3} sx={{ p: 2 }}>
<Field <Field
as={TextField} as={TextField}
name="phone_number" name="phone_number"
variant="outlined" variant="outlined"
label={t("LoginPage.text_field_phone_number")} label={t("LoginPage.text_field_phone_number")}
placeholder={t( placeholder={t("LoginPage.text_field_enter_your_phone_number")}
"LoginPage.text_field_enter_your_phone_number"
)}
value={props.values.phone_number} value={props.values.phone_number}
type={"tel"} type={"tel"}
onChange={(event) => { onChange={(event) => {
@@ -95,21 +85,17 @@ const SendUserDataComponent = ({
}, },
}); });
}} }}
error={ error={!!(props.touched.phone_number && props.errors.phone_number)}
!!(props.touched.phone_number && props.errors.phone_number)
}
fullWidth fullWidth
helperText={ helperText={
props.touched.phone_number props.touched.phone_number ? props.errors.phone_number : null
? props.errors.phone_number
: null
} }
/> />
<Grid <Grid
container container
rowSpacing={{xs: 1, sm: 0}} rowSpacing={{ xs: 1, sm: 0 }}
sx={{ sx={{
flexDirection: {xs: "column-reverse", sm: "row"}, flexDirection: { xs: "column-reverse", sm: "row" },
}} }}
> >
<Button <Button
@@ -117,7 +103,7 @@ const SendUserDataComponent = ({
type="submit" type="submit"
variant="contained" variant="contained"
size="large" size="large"
endIcon={<FingerprintIcon/>} endIcon={<FingerprintIcon />}
disabled={props.isSubmitting} disabled={props.isSubmitting}
> >
{t("LoginPage.button_request_verification")} {t("LoginPage.button_request_verification")}
@@ -133,10 +119,8 @@ const SendUserDataComponent = ({
</CenterLayout> </CenterLayout>
<Stack direction="row" alignItems="center" justifyContent="center"> <Stack direction="row" alignItems="center" justifyContent="center">
<LinkRouting <LinkRouting
sx={{margin: 2}} sx={{ margin: 2 }}
href={ href={backUrlDecodedPath ? decodeURIComponent(backUrlDecodedPath) : "/"}
backUrlDecodedPath ? decodeURIComponent(backUrlDecodedPath) : "/"
}
> >
{t("LoginPage.link_routing_back_to")}{" "} {t("LoginPage.link_routing_back_to")}{" "}
{backUrlDecodedPath {backUrlDecodedPath

2
src/components/login/index.jsx
View File

@@ -1,4 +1,4 @@
import {useState} from "react"; import { useState } from "react";
import SendTokenComponent from "./SendToken"; import SendTokenComponent from "./SendToken";
import SendUserDataComponent from "./SendUserData"; import SendUserDataComponent from "./SendUserData";

6
src/core/components/AutoSubmit.jsx
View File

@@ -1,8 +1,8 @@
import {useFormikContext} from "formik"; import { useFormikContext } from "formik";
import {useEffect} from "react"; import { useEffect } from "react";
const AutoSubmit = () => { const AutoSubmit = () => {
const {values, submitForm} = useFormikContext() const { values, submitForm } = useFormikContext();
useEffect(() => { useEffect(() => {
if (values.verification_code.length === 6) { if (values.verification_code.length === 6) {
submitForm(); submitForm();

44
src/core/components/Config.jsx
View File

@@ -1,35 +1,35 @@
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
import axios from "axios"; import axios from "axios";
import {GET_CONFIG} from "@/core/data/apiRoutes"; import { GET_CONFIG } from "@/core/data/apiRoutes";
import {ConfigProvider} from "@witel/webapp-builder"; import { ConfigProvider } from "@witel/webapp-builder";
import {useRouter} from "next/router"; import { useRouter } from "next/router";
import {isValidJson} from "@/core/utils/isValidJson"; import { isValidJson } from "@/core/utils/isValidJson";
const ConfigApp = ({children}) => { const ConfigApp = ({ children }) => {
const router = useRouter() const router = useRouter();
const [error, setError] = useState(false) const [error, setError] = useState(false);
const [config, setConfig] = useState() const [config, setConfig] = useState();
useEffect(() => { useEffect(() => {
const fetchConfig = async () => { const fetchConfig = async () => {
try { try {
const response = await axios(GET_CONFIG) const response = await axios(GET_CONFIG);
let _config = {} let _config = {};
response.data.data.forEach(item => { response.data.data.forEach((item) => {
_config[item.name] = isValidJson(item.value) ? JSON.parse(item.value) : item.value _config[item.name] = isValidJson(item.value) ? JSON.parse(item.value) : item.value;
}) });
setConfig(_config) setConfig(_config);
} catch (error) { } catch (error) {
setError(true) setError(true);
} }
} };
fetchConfig()
fetchConfig();
}, [router]); }, [router]);
return ( return (
<ConfigProvider config={config || {}}>{error ? <>Error request config</> : config && children}</ConfigProvider>) <ConfigProvider config={config || {}}>{error ? <>Error request config</> : config && children}</ConfigProvider>
} );
};
export default ConfigApp export default ConfigApp;

54
src/core/components/GlobalHead.jsx
View File

@@ -3,46 +3,26 @@ import Head from "next/head";
const GlobalHead = () => { const GlobalHead = () => {
return ( return (
<Head> <Head>
<meta <meta name="application-name" content={process.env.NEXT_PUBLIC_API_NAME} />
name="application-name" <meta name="apple-mobile-web-app-capable" content="yes" />
content={process.env.NEXT_PUBLIC_API_NAME} <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
/> <meta name="apple-mobile-web-app-title" content={process.env.NEXT_PUBLIC_API_NAME} />
<meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="description" content="Marhaba does it for you" />
<meta <meta name="format-detection" content="telephone=no" />
name="apple-mobile-web-app-status-bar-style" <meta name="format-detection" content="date=no" />
content="black-translucent" <meta name="format-detection" content="address=no" />
/> <meta name="format-detection" content="email=no" />
<meta <meta name="mobile-web-app-capable" content="yes" />
name="apple-mobile-web-app-title" <link rel="apple-touch-icon" href="/icons/maskable_icon_x512.png" />
content={process.env.NEXT_PUBLIC_API_NAME} <link rel="apple-touch-icon" sizes="120x120" href="/icons/maskable_icon_x128.png" />
/> <link rel="apple-touch-icon" sizes="180x180" href="/icons/maskable_icon_x192.png" />
<meta name="description" content="Marhaba does it for you"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="format-detection" content="date=no"/>
<meta name="format-detection" content="address=no"/>
<meta name="format-detection" content="email=no"/>
<meta name="mobile-web-app-capable" content="yes"/>
<link rel="apple-touch-icon" href="/icons/maskable_icon_x512.png"/>
<link
rel="apple-touch-icon"
sizes="120x120"
href="/icons/maskable_icon_x128.png"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/icons/maskable_icon_x192.png"
/>
<meta <meta
name="viewport" name="viewport"
content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, user-scalable=no, viewport-fit=cover" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, user-scalable=no, viewport-fit=cover"
/> />
<link <link rel="icon" href="/icons/favicon.png" />
rel="icon"
href="/icons/favicon.png"
/>
</Head> </Head>
) );
} };
export default GlobalHead export default GlobalHead;

21
src/core/components/LegalPersonDatePicker.jsx
View File

@@ -24,8 +24,7 @@ function ButtonField(props) {
sx={{ width: "100%", padding: 0.8 }} sx={{ width: "100%", padding: 0.8 }}
variant="outlined" variant="outlined"
color={ color={
props.slotProps.formik.touched.company_date && props.slotProps.formik.touched.company_date && Boolean(props.slotProps.formik.errors.company_date)
Boolean(props.slotProps.formik.errors.company_date)
? "error" ? "error"
: "primary" : "primary"
} }
@@ -51,9 +50,7 @@ function ButtonDatePicker(props) {
formik: props.formik, formik: props.formik,
field: { setOpen }, field: { setOpen },
textField: { textField: {
helperText: props.formik.errors.company_date helperText: props.formik.errors.company_date ? `${t("company_date")}` : null,
? `${t("company_date")}`
: null,
}, },
}} }}
{...props} {...props}
@@ -80,11 +77,7 @@ const LegalPersonDatePicker = ({ formik, disabled }) => {
formik.values.company_date !== "" && formik.values.company_date !== "" &&
formik.values.company_date?.locale("fa").format("YYYY/MM/DD") formik.values.company_date?.locale("fa").format("YYYY/MM/DD")
} }
value={ value={formik.values.company_date !== "" ? formik.values.company_date?.toDate() : null}
formik.values.company_date !== ""
? formik.values.company_date?.toDate()
: null
}
formik={formik} formik={formik}
disabled={disabled} disabled={disabled}
onChange={(newValue) => { onChange={(newValue) => {
@@ -92,10 +85,8 @@ const LegalPersonDatePicker = ({ formik, disabled }) => {
}} }}
/> />
</LocalizationProvider> </LocalizationProvider>
<FormHelperText> <FormHelperText>{formik.touched.company_date && formik.errors.company_date}</FormHelperText>
{formik.touched.company_date && formik.errors.company_date}
</FormHelperText>
</FormControl> </FormControl>
); );
} };
export default LegalPersonDatePicker export default LegalPersonDatePicker;

10
src/core/components/PasswordField.jsx
View File

@@ -1,7 +1,7 @@
import {useState} from "react"; import { useState } from "react";
import {IconButton, InputAdornment, TextField} from "@mui/material"; import { IconButton, InputAdornment, TextField } from "@mui/material";
import {Visibility, VisibilityOff} from "@mui/icons-material"; import { Visibility, VisibilityOff } from "@mui/icons-material";
import {Field} from "formik"; import { Field } from "formik";
const PasswordField = (props) => { const PasswordField = (props) => {
const [showPassword, setShowPassword] = useState(false); const [showPassword, setShowPassword] = useState(false);
@@ -21,7 +21,7 @@ const PasswordField = (props) => {
endAdornment: ( endAdornment: (
<InputAdornment position="end"> <InputAdornment position="end">
<IconButton onClick={handleClickShowPassword}> <IconButton onClick={handleClickShowPassword}>
{showPassword ? <Visibility/> : <VisibilityOff/>} {showPassword ? <Visibility /> : <VisibilityOff />}
</IconButton> </IconButton>
</InputAdornment> </InputAdornment>
), ),

179
src/core/components/PlateNumber.jsx
View File

@@ -1,215 +1,216 @@
import {Box, Button, Drawer, FormHelperText, Stack, TextField} from "@mui/material"; import { Box, Button, Drawer, FormHelperText, Stack, TextField } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import AccessibleIcon from '@mui/icons-material/Accessible'; import AccessibleIcon from "@mui/icons-material/Accessible";
import {useState} from "react"; import { useState } from "react";
const plate_words = [ const plate_words = [
{ {
id: 1, id: 1,
value: "الف", value: "الف",
name: "الف" name: "الف",
}, },
{ {
id: 2, id: 2,
value: "ب", value: "ب",
name: "ب" name: "ب",
}, },
{ {
id: 3, id: 3,
value: "پ", value: "پ",
name: "پ" name: "پ",
}, },
{ {
id: 4, id: 4,
value: "ت", value: "ت",
name: "ت" name: "ت",
}, },
{ {
id: 5, id: 5,
value: "ث", value: "ث",
name: "ث" name: "ث",
}, },
{ {
id: 6, id: 6,
value: "ج", value: "ج",
name: "ج" name: "ج",
}, },
{ {
id: 7, id: 7,
value: "د", value: "د",
name: "د" name: "د",
}, },
{ {
id: 8, id: 8,
value: "ز", value: "ز",
name: "ز" name: "ز",
}, },
{ {
id: 9, id: 9,
value: "س", value: "س",
name: "س" name: "س",
}, },
{ {
id: 10, id: 10,
value: "ش", value: "ش",
name: "ش" name: "ش",
}, },
{ {
id: 11, id: 11,
value: "ص", value: "ص",
name: "ص" name: "ص",
}, },
{ {
id: 12, id: 12,
value: "ط", value: "ط",
name: "ط" name: "ط",
}, },
{ {
id: 13, id: 13,
value: "ع", value: "ع",
name: "ع" name: "ع",
}, },
{ {
id: 14, id: 14,
value: "ف", value: "ف",
name: "ف" name: "ف",
}, },
{ {
id: 15, id: 15,
value: "ق", value: "ق",
name: "ق" name: "ق",
}, },
{ {
id: 16, id: 16,
value: "ک", value: "ک",
name: "گ" name: "گ",
}, },
{ {
id: 17, id: 17,
value: "ل", value: "ل",
name: "ل" name: "ل",
}, },
{ {
id: 18, id: 18,
value: "م", value: "م",
name: "م" name: "م",
}, },
{ {
id: 19, id: 19,
value: "ن", value: "ن",
name: "ن" name: "ن",
}, },
{ {
id: 20, id: 20,
value: "و", value: "و",
name: "و" name: "و",
}, },
{ {
id: 21, id: 21,
value: "ه", value: "ه",
name: "ه" name: "ه",
}, },
{ {
id: 22, id: 22,
value: "ی", value: "ی",
name: "ی" name: "ی",
}, },
{ {
id: 23, id: 23,
value: "*", value: "*",
name: <AccessibleIcon/> name: <AccessibleIcon />,
}, },
] ];
const PlateNumber = ({formik, disabled}) => { const PlateNumber = ({ formik, disabled }) => {
const t = useTranslations(); const t = useTranslations();
const [plateDrawer, setPlateDrawer] = useState(false); const [plateDrawer, setPlateDrawer] = useState(false);
const isErrorPlate = Boolean(formik.errors.plate_part1 || formik.errors.plate_part3 || formik.errors.plate_part4) const isErrorPlate = Boolean(formik.errors.plate_part1 || formik.errors.plate_part3 || formik.errors.plate_part4);
const isTouched = (formik.touched.plate_part1 || formik.touched.plate_part3 || formik.touched.plate_part4) const isTouched = formik.touched.plate_part1 || formik.touched.plate_part3 || formik.touched.plate_part4;
return ( return (
<> <>
<Stack direction={'row'} <Stack
sx={{ direction={"row"}
border: 1, sx={{
overflow: 'hidden', border: 1,
borderColor: (isTouched && isErrorPlate) ? 'error.main' : 'divider', overflow: "hidden",
borderRadius: 1 borderColor: isTouched && isErrorPlate ? "error.main" : "divider",
}}> borderRadius: 1,
}}
>
<TextField <TextField
name={'plate_part4'} name={"plate_part4"}
type={'tel'} type={"tel"}
value={formik.values.plate_part4} value={formik.values.plate_part4}
disabled={disabled} disabled={disabled}
size={'small'} size={"small"}
placeholder={'xx'} sx={{flexGrow: 2, "& fieldset": {border: 'none'}}} placeholder={"xx"}
inputProps={{sx: {textAlign: 'center'}}} sx={{ flexGrow: 2, "& fieldset": { border: "none" } }}
inputProps={{ sx: { textAlign: "center" } }}
onChange={(event) => { onChange={(event) => {
if (isNaN(Number(event.target.value))) { if (isNaN(Number(event.target.value))) {
return; return;
} }
event.target.value.length <= 2 ? formik.setFieldValue("plate_part4", event.target.value) : null event.target.value.length <= 2 ? formik.setFieldValue("plate_part4", event.target.value) : null;
}} }}
onBlur={formik.handleBlur} onBlur={formik.handleBlur}
error={formik.touched.plate_part4 && Boolean(formik.errors.plate_part4)} error={formik.touched.plate_part4 && Boolean(formik.errors.plate_part4)}
/> />
<TextField <TextField
name={'plate_part3'} name={"plate_part3"}
type={'tel'} type={"tel"}
value={formik.values.plate_part3} value={formik.values.plate_part3}
size={'small'} size={"small"}
disabled={disabled} disabled={disabled}
placeholder={'xxx'} placeholder={"xxx"}
sx={{ sx={{
flexGrow: 3, flexGrow: 3,
borderLeft: 1, borderLeft: 1,
borderRadius: 0, borderRadius: 0,
borderColor: 'divider', borderColor: "divider",
"& fieldset": {border: 'none'} "& fieldset": { border: "none" },
}} }}
inputProps={{sx: {textAlign: 'center'}}} inputProps={{ sx: { textAlign: "center" } }}
onChange={(event) => { onChange={(event) => {
if (isNaN(Number(event.target.value))) { if (isNaN(Number(event.target.value))) {
return; return;
} }
event.target.value.length <= 3 ? formik.setFieldValue("plate_part3", event.target.value) : null event.target.value.length <= 3 ? formik.setFieldValue("plate_part3", event.target.value) : null;
}} }}
onBlur={formik.handleBlur} onBlur={formik.handleBlur}
error={formik.touched.plate_part3 && Boolean(formik.errors.plate_part3)} error={formik.touched.plate_part3 && Boolean(formik.errors.plate_part3)}
/> />
<Box sx={{flexGrow: 1}}> <Box sx={{ flexGrow: 1 }}>
<Button <Button
onClick={() => setPlateDrawer(true)} onClick={() => setPlateDrawer(true)}
sx={{height: '100%', borderRadius: 0, borderColor: 'divider'}} sx={{ height: "100%", borderRadius: 0, borderColor: "divider" }}
size={'small'} size={"small"}
data-selected-word={formik.values.plate_part2} data-selected-word={formik.values.plate_part2}
disabled={disabled} disabled={disabled}
fullWidth fullWidth
> >
{plate_words.find(p => p.value === formik.values.plate_part2)?.name} {plate_words.find((p) => p.value === formik.values.plate_part2)?.name}
</Button> </Button>
</Box> </Box>
<Drawer <Drawer anchor={"bottom"} open={plateDrawer} onClose={() => setPlateDrawer(false)}>
anchor={"bottom"} <Box
open={plateDrawer} sx={{
onClose={() => setPlateDrawer(false)} display: "flex",
> flexWrap: "wrap",
<Box sx={{ mx: "auto",
display: "flex", my: 2,
flexWrap: "wrap", gap: 2,
mx: "auto", width: "60%",
my: 2, justifyContent: "center",
gap: 2, }}
width: "60%", >
justifyContent: "center"
}}>
{plate_words.map((item) => ( {plate_words.map((item) => (
<Button <Button
key={item.id} key={item.id}
onClick={() => { onClick={() => {
formik.setFieldValue("plate_part2", item.value) formik.setFieldValue("plate_part2", item.value);
setPlateDrawer(false); setPlateDrawer(false);
}} }}
sx={{ sx={{
width: "fit-content" width: "fit-content",
}} }}
variant="contained" variant="contained"
> >
@@ -219,33 +220,33 @@ const PlateNumber = ({formik, disabled}) => {
</Box> </Box>
</Drawer> </Drawer>
<TextField <TextField
name={'plate_part1'} name={"plate_part1"}
type={'tel'} type={"tel"}
disabled={disabled} disabled={disabled}
value={formik.values.plate_part1} value={formik.values.plate_part1}
size={'small'} size={"small"}
placeholder={'xx'} placeholder={"xx"}
sx={{flexGrow: 2, "& fieldset": {border: 'none'}}} sx={{ flexGrow: 2, "& fieldset": { border: "none" } }}
inputProps={{sx: {textAlign: 'center'}}} inputProps={{ sx: { textAlign: "center" } }}
onChange={(event) => { onChange={(event) => {
if (isNaN(Number(event.target.value))) { if (isNaN(Number(event.target.value))) {
return; return;
} }
event.target.value.length <= 2 ? formik.setFieldValue("plate_part1", event.target.value) : null event.target.value.length <= 2 ? formik.setFieldValue("plate_part1", event.target.value) : null;
}} }}
onBlur={formik.handleBlur} onBlur={formik.handleBlur}
error={true} error={true}
/> />
<Stack sx={{width: 24, borderLeft: 1, borderColor: 'divider'}}> <Stack sx={{ width: 24, borderLeft: 1, borderColor: "divider" }}>
<Box sx={{flexGrow: 1, bgcolor: '#1ebc1e'}}></Box> <Box sx={{ flexGrow: 1, bgcolor: "#1ebc1e" }}></Box>
<Box sx={{flexGrow: 1, bgcolor: 'white'}}></Box> <Box sx={{ flexGrow: 1, bgcolor: "white" }}></Box>
<Box sx={{flexGrow: 1, bgcolor: '#f52121'}}></Box> <Box sx={{ flexGrow: 1, bgcolor: "#f52121" }}></Box>
</Stack> </Stack>
</Stack> </Stack>
<FormHelperText <FormHelperText error={isTouched && isErrorPlate}>
error={(isTouched && isErrorPlate)}>{(isTouched && isErrorPlate) ? `${t("LoanRequest.error_message_plate_number")}` : null}</FormHelperText> {isTouched && isErrorPlate ? `${t("LoanRequest.error_message_plate_number")}` : null}
</FormHelperText>
</> </>
);
) };
} export default PlateNumber;
export default PlateNumber

30
src/core/components/ResendToken.jsx
View File

@@ -1,12 +1,12 @@
import {Button} from "@mui/material"; import { Button } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import {useEffect} from "react"; import { useEffect } from "react";
import {LOGIN, SEND_OTP_TOKEN} from "../data/apiRoutes"; import { LOGIN, SEND_OTP_TOKEN } from "../data/apiRoutes";
import {useDirection, useRequest} from "@witel/webapp-builder"; import { useDirection, useRequest } from "@witel/webapp-builder";
const ResendToken = ({initialTimerValue, timer, setTimer, PhoneNumber, disabled}) => { const ResendToken = ({ initialTimerValue, timer, setTimer, PhoneNumber, disabled }) => {
const t = useTranslations(); const t = useTranslations();
const {directionApp} = useDirection(); const { directionApp } = useDirection();
const requestServer = useRequest(); const requestServer = useRequest();
// Countdown Timer // Countdown Timer
useEffect(() => { useEffect(() => {
@@ -27,14 +27,15 @@ const ResendToken = ({initialTimerValue, timer, setTimer, PhoneNumber, disabled}
const handleResendClick = () => { const handleResendClick = () => {
if (timer != 0) return; if (timer != 0) return;
requestServer(SEND_OTP_TOKEN, "post", { requestServer(SEND_OTP_TOKEN, "post", {
auth: false, data: { auth: false,
data: {
phone_number: PhoneNumber, phone_number: PhoneNumber,
} },
}) })
.then(function (response) { .then(function (response) {
setTimer(initialTimerValue); setTimer(initialTimerValue);
}).catch(function (error) { })
}); .catch(function (error) {});
}; };
// End Handle Resend Token // End Handle Resend Token
@@ -44,16 +45,15 @@ const ResendToken = ({initialTimerValue, timer, setTimer, PhoneNumber, disabled}
<Button <Button
color="success" color="success"
disabled disabled
sx={{width: "auto", alignSelf: "center", mt: 0}} sx={{ width: "auto", alignSelf: "center", mt: 0 }}
onClick={handleResendClick} onClick={handleResendClick}
> >
{t("Resend_code_in")} {timer} {" "} {t("Resend_code_in")} {timer} {t("seconds_later")}
{t("seconds_later")}
</Button> </Button>
) : ( ) : (
<Button <Button
color="success" color="success"
sx={{width: "120px", alignSelf: "center", mt: 0}} sx={{ width: "120px", alignSelf: "center", mt: 0 }}
disabled={disabled} disabled={disabled}
onClick={handleResendClick} onClick={handleResendClick}
> >

48
src/core/components/SelectBox.jsx
View File

@@ -1,31 +1,24 @@
import {FormControl, FormHelperText, InputLabel, MenuItem, Select,} from "@mui/material"; import { FormControl, FormHelperText, InputLabel, MenuItem, Select } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
function SelectBox({ function SelectBox({
select, select,
name, name,
selectors, selectors,
label, label,
handleChange, handleChange,
error, error,
onBlur, onBlur,
schema, schema,
disabled, disabled,
helperText, helperText,
isLoading, isLoading,
errorEcured, errorEcured,
variant = "outlined" variant = "outlined",
}) { }) {
const t = useTranslations(); const t = useTranslations();
return ( return (
<FormControl <FormControl disabled={disabled || false} fullWidth variant={variant} size="small" error={error}>
disabled={disabled || false}
fullWidth
variant={variant}
size="small"
error={error}
>
<InputLabel>{label}</InputLabel> <InputLabel>{label}</InputLabel>
<Select <Select
label={label} label={label}
@@ -34,14 +27,11 @@ function SelectBox({
value={isLoading ? "" : select} value={isLoading ? "" : select}
onChange={handleChange} onChange={handleChange}
onBlur={onBlur} onBlur={onBlur}
> >
{isLoading ? ( {isLoading ? (
<MenuItem sx={{color: "primary.main"}}>{t("text_field_loading")}</MenuItem> <MenuItem sx={{ color: "primary.main" }}>{t("text_field_loading")}</MenuItem>
) : errorEcured ? ( ) : errorEcured ? (
<MenuItem sx={{color: "secondary.main"}}> <MenuItem sx={{ color: "secondary.main" }}>{t("text_field_error_fetching")}</MenuItem>
{t("text_field_error_fetching")}
</MenuItem>
) : ( ) : (
selectors.map((selector) => ( selectors.map((selector) => (
<MenuItem key={selector.id} value={selector[schema.value]}> <MenuItem key={selector.id} value={selector[schema.value]}>

4
src/core/components/StyledForm.jsx
View File

@@ -1,5 +1,5 @@
import {styled} from "@mui/material"; import { styled } from "@mui/material";
import {Form} from "formik"; import { Form } from "formik";
const StyledForm = styled(Form)``; const StyledForm = styled(Form)``;

2
src/core/components/StyledImage.jsx
View File

@@ -1,4 +1,4 @@
import {styled} from "@mui/material"; import { styled } from "@mui/material";
import Image from "next/image"; import Image from "next/image";
const StyledImage = styled(Image)``; const StyledImage = styled(Image)``;

8
src/core/components/TitlePage.jsx
View File

@@ -1,13 +1,11 @@
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import Head from "next/head"; import Head from "next/head";
const TitlePage = ({text}) => { const TitlePage = ({ text }) => {
const t = useTranslations(); const t = useTranslations();
return ( return (
<Head> <Head>
<title> <title>{text ? `${t("app_short_name")} | ${t(text)}` : t("app_short_name")}</title>
{text ? `${t("app_short_name")} | ${t(text)}` : t("app_short_name")}
</title>
</Head> </Head>
); );
}; };

98
src/core/components/UploadSystem.jsx
View File

@@ -1,19 +1,19 @@
import {Box, Button, FormHelperText, TextField, Typography} from "@mui/material"; import { Box, Button, FormHelperText, TextField, Typography } from "@mui/material";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import Image from "next/image"; import Image from "next/image";
import DeleteForeverIcon from "@mui/icons-material/DeleteForever"; import DeleteForeverIcon from "@mui/icons-material/DeleteForever";
import {useRef, useState} from "react"; import { useRef, useState } from "react";
const UploadSystem = ({ const UploadSystem = ({
fieldName, fieldName,
default_image, default_image,
helperText, helperText,
error, error,
setFieldValue, setFieldValue,
imageAlt, imageAlt,
label, label,
enableDelete enableDelete,
}) => { }) => {
const t = useTranslations(); const t = useTranslations();
const fileInputRef = useRef(null); const fileInputRef = useRef(null);
const [selectedImage, setSelectedImage] = useState(default_image || "/images/upload-image.svg"); const [selectedImage, setSelectedImage] = useState(default_image || "/images/upload-image.svg");
@@ -32,19 +32,21 @@ const UploadSystem = ({
}; };
// end upload files // end upload files
const uploadBoxStyle = error ? { const uploadBoxStyle = error
cursor: "pointer", ? {
objectFit: "contain", cursor: "pointer",
border: "1px dashed #d32f2f", objectFit: "contain",
borderRadius: "5px", border: "1px dashed #d32f2f",
padding: "5px", borderRadius: "5px",
} : { padding: "5px",
cursor: "pointer", }
objectFit: "contain", : {
border: "1px dashed #e1e1e1", cursor: "pointer",
borderRadius: "5px", objectFit: "contain",
padding: "5px", border: "1px dashed #e1e1e1",
} borderRadius: "5px",
padding: "5px",
};
const handleClick = () => { const handleClick = () => {
fileInputRef.current.click(); fileInputRef.current.click();
@@ -55,7 +57,7 @@ const UploadSystem = ({
}; };
return ( return (
<Box sx={{my: 2}}> <Box sx={{ my: 2 }}>
<Typography <Typography
margin={1} margin={1}
sx={{ sx={{
@@ -67,9 +69,7 @@ const UploadSystem = ({
> >
{label} {label}
</Typography> </Typography>
<Box sx={{position: "relative"}}> <Box sx={{ position: "relative" }}></Box>
</Box>
{selectedImage === "/images/upload-image.svg" || selectedImage === default_image ? ( {selectedImage === "/images/upload-image.svg" || selectedImage === default_image ? (
<Image <Image
src={selectedImage} src={selectedImage}
@@ -100,7 +100,7 @@ const UploadSystem = ({
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",
width: "200px", width: "200px",
height: "200px" height: "200px",
}} }}
onClick={handleClick} onClick={handleClick}
> >
@@ -113,7 +113,7 @@ const UploadSystem = ({
textAlign: "center", textAlign: "center",
display: "flex", display: "flex",
justifyContent: "end", justifyContent: "end",
overflow: "hidden" overflow: "hidden",
}} }}
textAlign="center" textAlign="center"
> >
@@ -126,25 +126,29 @@ const UploadSystem = ({
id="avatar-upload" id="avatar-upload"
type="file" type="file"
accept="image/*" accept="image/*"
style={{display: "none"}} style={{ display: "none" }}
onChange={(e) => handleUploadChange(e)} onChange={(e) => handleUploadChange(e)}
inputRef={fileInputRef} inputRef={fileInputRef}
/> />
{enableDelete ? <Button {enableDelete ? (
sx={{ <Button
width: "100%", sx={{
borderTopLeftRadius: "unset", width: "100%",
borderTopRightRadius: "unset", borderTopLeftRadius: "unset",
}} borderTopRightRadius: "unset",
color="error" }}
disabled={selectedImage === "/images/upload-image.svg"} color="error"
endIcon={<DeleteForeverIcon/>} disabled={selectedImage === "/images/upload-image.svg"}
variant="contained" endIcon={<DeleteForeverIcon />}
onClick={handleDeleteImage} variant="contained"
> onClick={handleDeleteImage}
{t("delete")} >
</Button> : ""} {t("delete")}
<FormHelperText sx={{color: "#d32f2f"}}>{helperText}</FormHelperText> </Button>
) : (
""
)}
<FormHelperText sx={{ color: "#d32f2f" }}>{helperText}</FormHelperText>
</Box> </Box>
); );
}; };

384
src/core/components/svgs/Svg403.jsx
View File

@@ -1,131 +1,295 @@
import {useTheme} from "@mui/material"; import { useTheme } from "@mui/material";
const Svg403 = ({width, height}) => { const Svg403 = ({ width, height }) => {
const theme = useTheme() const theme = useTheme();
const fillColor = theme.palette.primary.main const fillColor = theme.palette.primary.main;
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height} <svg
viewBox="0 0 742.41705 712.57302"> xmlns="http://www.w3.org/2000/svg"
<path id="aa38b2e7-2ea9-4025-adcf-83f87c0cfc4a-338" data-name="Path 968" data-name="Layer 1"
d="M853.60644,262.60547h-3.9v-106.977a61.915,61.915,0,0,0-61.915-61.915h-226.65a61.915,61.915,0,0,0-61.916,61.914v586.884a61.915,61.915,0,0,0,61.915,61.915h226.648a61.915,61.915,0,0,0,61.915-61.915v-403.758h3.9Z" width={width}
transform="translate(-228.79147 -93.71349)" fill="#3f3d56"/> height={height}
<path id="f27259c2-0089-4137-bfd8-cb22dff914f1-339" data-name="Path 969" viewBox="0 0 742.41705 712.57302"
d="M837.00647,151.48149v595.175a46.959,46.959,0,0,1-46.942,46.952h-231.3a46.966,46.966,0,0,1-46.973-46.952v-595.175a46.965,46.965,0,0,1,46.971-46.951h28.058a22.329,22.329,0,0,0,20.656,30.74h131.868a22.329,22.329,0,0,0,20.656-30.74h30.055a46.959,46.959,0,0,1,46.951,46.942Z" >
transform="translate(-228.79147 -93.71349)" fill="#fff"/> <path
<circle id="fc31cc31-f989-45cc-bd1e-521a0ee1871b" data-name="Ellipse 18" cx="445.56497" cy="200.129" id="aa38b2e7-2ea9-4025-adcf-83f87c0cfc4a-338"
r="96.565" fill="#084070"/> data-name="Path 968"
<path id="a573942c-3bf3-4c43-b474-689725a927f7-340" data-name="Path 39" d="M853.60644,262.60547h-3.9v-106.977a61.915,61.915,0,0,0-61.915-61.915h-226.65a61.915,61.915,0,0,0-61.916,61.914v586.884a61.915,61.915,0,0,0,61.915,61.915h226.648a61.915,61.915,0,0,0,61.915-61.915v-403.758h3.9Z"
d="M779.67245,494.30947h-205.537a3.81,3.81,0,0,1-3.806-3.806V439.51949a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985a3.811,3.811,0,0,1-3.806,3.806Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z" transform="translate(-228.79147 -93.71349)"
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> fill="#3f3d56"
<path id="fb5feb1e-1fe2-48fa-806d-0a2b51d12b49-341" data-name="Path 40" />
d="M637.69945,454.07448a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00221-.11713-.0019h-125.692Z" <path
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> id="f27259c2-0089-4137-bfd8-cb22dff914f1-339"
<path id="bcb9932f-0864-4b7e-b0ed-f7254bb9b8bf-342" data-name="Path 41" data-name="Path 969"
d="M637.69945,470.05846a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00219-.11713-.00189h-125.692Z" d="M837.00647,151.48149v595.175a46.959,46.959,0,0,1-46.942,46.952h-231.3a46.966,46.966,0,0,1-46.973-46.952v-595.175a46.965,46.965,0,0,1,46.971-46.951h28.058a22.329,22.329,0,0,0,20.656,30.74h131.868a22.329,22.329,0,0,0,20.656-30.74h30.055a46.959,46.959,0,0,1,46.951,46.942Z"
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> transform="translate(-228.79147 -93.71349)"
<path id="f88e2a8b-becc-4da9-bd36-af011daaaaf2-343" data-name="Path 42" fill="#fff"
d="M779.67245,579.28947h-205.537a3.81,3.81,0,0,1-3.806-3.806V524.49949a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985A3.811,3.811,0,0,1,779.67245,579.28947Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z" />
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> <circle
<path id="e192d34f-2ccc-4f79-b47a-46430e4d87f6-344" data-name="Path 43" id="fc31cc31-f989-45cc-bd1e-521a0ee1871b"
d="M637.69945,539.33047a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.087-5.328h-125.692Z" data-name="Ellipse 18"
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> cx="445.56497"
<path id="b230677c-48cc-4ee6-87d6-a753204ffe47-345" data-name="Path 44" cy="200.129"
d="M637.69945,555.3185a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.087-5.328h-125.692Z" r="96.565"
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> fill="#084070"
<path id="b88a2a79-0ae3-4fd9-9894-02e0db9a2271-346" data-name="Path 39-2" />
d="M779.67245,664.54748h-205.537a3.81,3.81,0,0,1-3.806-3.806V609.7575a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985a3.811,3.811,0,0,1-3.806,3.806Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z" <path
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> id="a573942c-3bf3-4c43-b474-689725a927f7-340"
<path id="aa2394a9-8b56-4a12-a2cd-a583e6ea12eb-347" data-name="Path 40-2" data-name="Path 39"
d="M637.69945,624.59148a2.66449,2.66449,0,1,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00219-.11713-.00189h-125.692Z" d="M779.67245,494.30947h-205.537a3.81,3.81,0,0,1-3.806-3.806V439.51949a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985a3.811,3.811,0,0,1-3.806,3.806Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z"
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> transform="translate(-228.79147 -93.71349)"
<path id="bc352cb2-8959-4b51-bd18-df6817a9a47e-348" data-name="Path 41-2" fill="#e6e6e6"
d="M637.69945,640.57846a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.0022-.11713-.00189h-125.692Z" />
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> <path
<path id="b30ee82f-5b3a-4aa4-9db7-ead828191937-349" data-name="Path 970" id="fb5feb1e-1fe2-48fa-806d-0a2b51d12b49-341"
d="M969.27042,806.28651h-738.541c-1.071,0-1.938-.468-1.938-1.045s.868-1.045,1.938-1.045H969.27054c1.06994,0,1.938.468,1.938,1.045S970.34146,806.28651,969.27042,806.28651Z" data-name="Path 40"
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> d="M637.69945,454.07448a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00221-.11713-.0019h-125.692Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
<path
id="bcb9932f-0864-4b7e-b0ed-f7254bb9b8bf-342"
data-name="Path 41"
d="M637.69945,470.05846a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00219-.11713-.00189h-125.692Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
<path
id="f88e2a8b-becc-4da9-bd36-af011daaaaf2-343"
data-name="Path 42"
d="M779.67245,579.28947h-205.537a3.81,3.81,0,0,1-3.806-3.806V524.49949a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985A3.811,3.811,0,0,1,779.67245,579.28947Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
<path
id="e192d34f-2ccc-4f79-b47a-46430e4d87f6-344"
data-name="Path 43"
d="M637.69945,539.33047a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.087-5.328h-125.692Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
<path
id="b230677c-48cc-4ee6-87d6-a753204ffe47-345"
data-name="Path 44"
d="M637.69945,555.3185a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.087-5.328h-125.692Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
<path
id="b88a2a79-0ae3-4fd9-9894-02e0db9a2271-346"
data-name="Path 39-2"
d="M779.67245,664.54748h-205.537a3.81,3.81,0,0,1-3.806-3.806V609.7575a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985a3.811,3.811,0,0,1-3.806,3.806Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
<path
id="aa2394a9-8b56-4a12-a2cd-a583e6ea12eb-347"
data-name="Path 40-2"
d="M637.69945,624.59148a2.66449,2.66449,0,1,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00219-.11713-.00189h-125.692Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
<path
id="bc352cb2-8959-4b51-bd18-df6817a9a47e-348"
data-name="Path 41-2"
d="M637.69945,640.57846a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.0022-.11713-.00189h-125.692Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
<path
id="b30ee82f-5b3a-4aa4-9db7-ead828191937-349"
data-name="Path 970"
d="M969.27042,806.28651h-738.541c-1.071,0-1.938-.468-1.938-1.045s.868-1.045,1.938-1.045H969.27054c1.06994,0,1.938.468,1.938,1.045S970.34146,806.28651,969.27042,806.28651Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
<g id="f24cf2fd-107c-4150-a0f1-6f6b12d88bf3" data-name="Group 58"> <g id="f24cf2fd-107c-4150-a0f1-6f6b12d88bf3" data-name="Group 58">
<path id="a2b576eb-bb95-4480-aa60-cd8aa023fe61-350" data-name="Path 438" <path
d="M937.99248,765.52151a19.4741,19.4741,0,0,1-18.806-3.313c-6.587-5.528-8.652-14.636-10.332-23.07l-4.97-24.945,10.405,7.165c7.483,5.152,15.134,10.47,20.316,17.933s7.443,17.651,3.28,25.726" id="a2b576eb-bb95-4480-aa60-cd8aa023fe61-350"
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> data-name="Path 438"
<path id="fe1c5433-44e0-47a6-8430-329cbd7c4dea-351" data-name="Path 439" d="M937.99248,765.52151a19.4741,19.4741,0,0,1-18.806-3.313c-6.587-5.528-8.652-14.636-10.332-23.07l-4.97-24.945,10.405,7.165c7.483,5.152,15.134,10.47,20.316,17.933s7.443,17.651,3.28,25.726"
d="M936.38547,797.45852c1.31-9.542,2.657-19.206,1.738-28.849-.816-8.565-3.429-16.93-8.749-23.789a39.57365,39.57365,0,0,0-10.153-9.2c-1.015-.641-1.95.968-.939,1.606a37.62192,37.62192,0,0,1,14.881,17.956c3.24,8.241,3.76,17.224,3.2,25.977-.338,5.294-1.053,10.553-1.774,15.805a.964.964,0,0,0,.65,1.144.936.936,0,0,0,1.144-.65Z" transform="translate(-228.79147 -93.71349)"
transform="translate(-228.79147 -93.71349)" fill="#f2f2f2"/> fill="#e6e6e6"
<path id="f0043cfc-c9b9-4981-8afd-8c13c1b6f93f-352" data-name="Path 442" />
d="M926.95847,782.14846a14.336,14.336,0,0,1-12.491,6.447c-6.323-.3-11.595-4.713-16.34-8.9l-14.035-12.395,9.289-.444c6.68-.32,13.533-.618,19.9,1.442s12.231,7.018,13.394,13.6" <path
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> id="fe1c5433-44e0-47a6-8430-329cbd7c4dea-351"
<path id="b883c521-5e9e-4a38-b47c-4f8b0cd8c6cd-353" data-name="Path 443" data-name="Path 439"
d="M940.08649,802.94344c-6.3-11.156-13.618-23.555-26.685-27.518a29.77874,29.77874,0,0,0-11.224-1.159c-1.192.1-.894,1.94.3,1.837a27.6648,27.6648,0,0,1,17.912,4.739c5.051,3.438,8.983,8.217,12.311,13.286,2.039,3.1,3.865,6.341,5.691,9.573C938.97147,804.73348,940.67746,803.98843,940.08649,802.94344Z" d="M936.38547,797.45852c1.31-9.542,2.657-19.206,1.738-28.849-.816-8.565-3.429-16.93-8.749-23.789a39.57365,39.57365,0,0,0-10.153-9.2c-1.015-.641-1.95.968-.939,1.606a37.62192,37.62192,0,0,1,14.881,17.956c3.24,8.241,3.76,17.224,3.2,25.977-.338,5.294-1.053,10.553-1.774,15.805a.964.964,0,0,0,.65,1.144.936.936,0,0,0,1.144-.65Z"
transform="translate(-228.79147 -93.71349)" fill="#f2f2f2"/> transform="translate(-228.79147 -93.71349)"
fill="#f2f2f2"
/>
<path
id="f0043cfc-c9b9-4981-8afd-8c13c1b6f93f-352"
data-name="Path 442"
d="M926.95847,782.14846a14.336,14.336,0,0,1-12.491,6.447c-6.323-.3-11.595-4.713-16.34-8.9l-14.035-12.395,9.289-.444c6.68-.32,13.533-.618,19.9,1.442s12.231,7.018,13.394,13.6"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
<path
id="b883c521-5e9e-4a38-b47c-4f8b0cd8c6cd-353"
data-name="Path 443"
d="M940.08649,802.94344c-6.3-11.156-13.618-23.555-26.685-27.518a29.77874,29.77874,0,0,0-11.224-1.159c-1.192.1-.894,1.94.3,1.837a27.6648,27.6648,0,0,1,17.912,4.739c5.051,3.438,8.983,8.217,12.311,13.286,2.039,3.1,3.865,6.341,5.691,9.573C938.97147,804.73348,940.67746,803.98843,940.08649,802.94344Z"
transform="translate(-228.79147 -93.71349)"
fill="#f2f2f2"
/>
</g> </g>
<g id="b241f6a5-c54d-499c-8ecd-4235a19d143f" data-name="Group 59"> <g id="b241f6a5-c54d-499c-8ecd-4235a19d143f" data-name="Group 59">
<circle id="bfaee8a8-2192-45bf-83cb-a2f223d41a02" data-name="Ellipse 5" cx="370.98597" cy="370.985" <circle
r="15.986" fill="#084070"/> id="bfaee8a8-2192-45bf-83cb-a2f223d41a02"
<path id="ae47602b-fb54-4e88-955d-49b260f35f7f-354" data-name="Path 40-3" data-name="Ellipse 5"
d="M592.12445,461.71247c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.94291,5.94291,0,0,0-.328-2.708h-15.73Z" cx="370.98597"
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> cy="370.985"
r="15.986"
fill="#084070"
/>
<path
id="ae47602b-fb54-4e88-955d-49b260f35f7f-354"
data-name="Path 40-3"
d="M592.12445,461.71247c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.94291,5.94291,0,0,0-.328-2.708h-15.73Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
</g> </g>
<g id="a1e1e52b-75f8-4aa9-8279-faf451e6aae1" data-name="Group 60"> <g id="a1e1e52b-75f8-4aa9-8279-faf451e6aae1" data-name="Group 60">
<circle id="fa3a3ce2-c232-40ee-81b4-25b83d5b931c" data-name="Ellipse 5-2" cx="370.98597" cy="456.278" <circle
r="15.986" fill="#084070"/> id="fa3a3ce2-c232-40ee-81b4-25b83d5b931c"
<path id="aaaffa69-7c16-47ec-b12d-87139789d2df-355" data-name="Path 40-4" data-name="Ellipse 5-2"
d="M592.12445,547.00547c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.94291,5.94291,0,0,0-.328-2.708h-15.73Z" cx="370.98597"
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> cy="456.278"
r="15.986"
fill="#084070"
/>
<path
id="aaaffa69-7c16-47ec-b12d-87139789d2df-355"
data-name="Path 40-4"
d="M592.12445,547.00547c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.94291,5.94291,0,0,0-.328-2.708h-15.73Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
</g> </g>
<g id="fd2b54c2-3dec-4fb6-9f72-e6c667a136b8" data-name="Group 61"> <g id="fd2b54c2-3dec-4fb6-9f72-e6c667a136b8" data-name="Group 61">
<circle id="abc19202-5605-459b-9c25-b430addb8839" data-name="Ellipse 5-3" cx="370.98597" cy="541.53599" <circle
r="15.986" fill="#084070"/> id="abc19202-5605-459b-9c25-b430addb8839"
<path id="f69fbb38-8754-494b-94fa-96f6df4fd0e7-356" data-name="Path 40-5" data-name="Ellipse 5-3"
d="M592.12445,632.26346c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.943,5.943,0,0,0-.328-2.708h-15.73Z" cx="370.98597"
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> cy="541.53599"
r="15.986"
fill="#084070"
/>
<path
id="f69fbb38-8754-494b-94fa-96f6df4fd0e7-356"
data-name="Path 40-5"
d="M592.12445,632.26346c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.943,5.943,0,0,0-.328-2.708h-15.73Z"
transform="translate(-228.79147 -93.71349)"
fill="#e6e6e6"
/>
</g> </g>
<rect x="670.35645" y="260.34249" width="8" height="67" <rect
transform="translate(-239.05506 469.193) rotate(-45)" fill="#fff"/> x="670.35645"
<rect x="670.35645" y="260.34249" width="8" height="67" y="260.34249"
transform="translate(176.50097 -484.49103) rotate(45)" fill="#fff"/> width="8"
height="67"
transform="translate(-239.05506 469.193) rotate(-45)"
fill="#fff"
/>
<rect
x="670.35645"
y="260.34249"
width="8"
height="67"
transform="translate(176.50097 -484.49103) rotate(45)"
fill="#fff"
/>
<path <path
d="M319.05083,549.84841a10.05579,10.05579,0,0,0,5.38778-14.44741l23.56521-26.86373-18.39547-2.53779-19.5577,25.89933a10.11027,10.11027,0,0,0,9.00018,17.9496Z" d="M319.05083,549.84841a10.05579,10.05579,0,0,0,5.38778-14.44741l23.56521-26.86373-18.39547-2.53779-19.5577,25.89933a10.11027,10.11027,0,0,0,9.00018,17.9496Z"
transform="translate(-228.79147 -93.71349)" fill="#9f616a"/> transform="translate(-228.79147 -93.71349)"
<polygon points="118.679 694.215 102.244 694.214 94.425 630.82 118.682 630.821 118.679 694.215" fill="#9f616a"
fill="#9f616a"/> />
<polygon
points="118.679 694.215 102.244 694.214 94.425 630.82 118.682 630.821 118.679 694.215"
fill="#9f616a"
/>
<path <path
d="M351.66209,803.8602l-52.99477-.002v-.6703a20.62815,20.62815,0,0,1,20.627-20.62671h.00131l32.3674.00131Z" d="M351.66209,803.8602l-52.99477-.002v-.6703a20.62815,20.62815,0,0,1,20.627-20.62671h.00131l32.3674.00131Z"
transform="translate(-228.79147 -93.71349)" fill="#2f2e41"/> transform="translate(-228.79147 -93.71349)"
<polygon points="204.713 680.461 189.017 685.334 162.751 627.11 185.917 619.918 204.713 680.461" fill="#2f2e41"
fill="#9f616a"/> />
<polygon
points="204.713 680.461 189.017 685.334 162.751 627.11 185.917 619.918 204.713 680.461"
fill="#9f616a"
/>
<path <path
d="M442.23214,788.14677,391.62055,803.8602l-.19877-.64014a20.62813,20.62813,0,0,1,13.58247-25.81574l.00126-.00039,30.91186-9.59713Z" d="M442.23214,788.14677,391.62055,803.8602l-.19877-.64014a20.62813,20.62813,0,0,1,13.58247-25.81574l.00126-.00039,30.91186-9.59713Z"
transform="translate(-228.79147 -93.71349)" fill="#2f2e41"/> transform="translate(-228.79147 -93.71349)"
<path id="ae9bdfa9-f7e0-4b2f-8168-ca8868d01318-357" data-name="Path 973" fill="#2f2e41"
d="M334.88445,495.65649l-24.34114,27.8773,19.05613,1.71471Z" />
transform="translate(-228.79147 -93.71349)" fill="#e6e6e6"/> <path
<path id="b88343d2-9c47-4183-8a8a-427a73d8d9be-358" data-name="Path 975" id="ae9bdfa9-f7e0-4b2f-8168-ca8868d01318-357"
d="M325.37344,531.58948s-8.455,4.227-9.512,23.251,3.171,68.7,3.171,68.7-4.227,22.194,0,42.274-4.227,93,1.057,93,32.762,3.171,33.819,0,2.114-50.729,2.114-50.729,8.455-24.308,0-39.1c0,0,29.52086,51.54832,48.615,90.889,4.17891,8.61,35.933-1.057,30.649-10.569s-17.966-52.843-17.966-52.843-9.512-31.706-26.421-45.445l8.455-67.639s17.967-45.445,7.4-51.786S325.37344,531.58948,325.37344,531.58948Z" data-name="Path 973"
transform="translate(-228.79147 -93.71349)" fill="#2f2e41"/> d="M334.88445,495.65649l-24.34114,27.8773,19.05613,1.71471Z"
<circle id="fdc24b21-a9e1-47f2-b2e4-7458730b7c21" data-name="Ellipse 182" cx="128.28696" cy="238.129" transform="translate(-228.79147 -93.71349)"
r="27.478" fill="#a0616a"/> fill="#e6e6e6"
<path id="ac268c91-41f4-49c7-bce6-773e5eb69fa2-359" data-name="Path 976" />
d="M387.72745,361.43447l-34.16,20.08s-13.08,7.366-17.966,20.08c-5.208,13.55-2.181,32.628,0,36.99,4.227,8.455-1.773,29.592-1.773,29.592l-5.284,48.615s-19.023,17.966-4.227,20.08,41.217-1.057,57.07,0,33.819,3.171,28.535-7.4-11.625-17.967-5.284-39.1c4.962-16.54,4.747-78.383,4.419-104.5a21.025,21.025,0,0,0-10.211-17.767Z" <path
transform="translate(-228.79147 -93.71349)" fill="#e5e5e5"/> id="b88343d2-9c47-4183-8a8a-427a73d8d9be-358"
<path id="aebed2c8-94ca-417e-8b11-27e17cbf3024-360" data-name="Path 980" data-name="Path 975"
d="M372.40744,394.72649l3.17,64.468-30.726,62.223-5.211-1.983,31.706-58.127Z" d="M325.37344,531.58948s-8.455,4.227-9.512,23.251,3.171,68.7,3.171,68.7-4.227,22.194,0,42.274-4.227,93,1.057,93,32.762,3.171,33.819,0,2.114-50.729,2.114-50.729,8.455-24.308,0-39.1c0,0,29.52086,51.54832,48.615,90.889,4.17891,8.61,35.933-1.057,30.649-10.569s-17.966-52.843-17.966-52.843-9.512-31.706-26.421-45.445l8.455-67.639s17.967-45.445,7.4-51.786S325.37344,531.58948,325.37344,531.58948Z"
transform="translate(-228.79147 -93.71349)" opacity="0.1" style="isolation:isolate"/> transform="translate(-228.79147 -93.71349)"
<path id="e13ea0c4-bc86-4025-9528-1665a42d3372-361" data-name="Path 982" fill="#2f2e41"
d="M407.27945,472.93247v-7.4l-35.929,59.186Z" transform="translate(-228.79147 -93.71349)" />
opacity="0.1" style="isolation:isolate"/> <circle
<path id="eb3190ba-6b3f-4b2b-91d1-1543e580b413-362" data-name="Path 983" id="fdc24b21-a9e1-47f2-b2e4-7458730b7c21"
d="M337.57645,306.38749l-4.539-1.816s9.5-10.457,22.713-9.548l-3.717-4.092s9.085-3.637,17.345,5.91c4.342,5.019,9.365,10.919,12.5,17.564h4.865l-2.03,4.471,7.106,4.471-7.294-.8a24.73921,24.73921,0,0,1-.69,11.579l.2,3.534s-8.459-13.089-8.459-14.905v4.547s-4.543-4.092-4.543-6.82l-2.478,3.183-1.239-5-15.28,5,2.476-4.094-9.5,1.364,3.717-5s-10.737,5.91-11.15,10.912-5.781,11.366-5.781,11.366l-2.478-4.547S325.60443,313.20747,337.57645,306.38749Z" data-name="Ellipse 182"
transform="translate(-228.79147 -93.71349)" fill="#2f2e41"/> cx="128.28696"
cy="238.129"
r="27.478"
fill="#a0616a"
/>
<path
id="ac268c91-41f4-49c7-bce6-773e5eb69fa2-359"
data-name="Path 976"
d="M387.72745,361.43447l-34.16,20.08s-13.08,7.366-17.966,20.08c-5.208,13.55-2.181,32.628,0,36.99,4.227,8.455-1.773,29.592-1.773,29.592l-5.284,48.615s-19.023,17.966-4.227,20.08,41.217-1.057,57.07,0,33.819,3.171,28.535-7.4-11.625-17.967-5.284-39.1c4.962-16.54,4.747-78.383,4.419-104.5a21.025,21.025,0,0,0-10.211-17.767Z"
transform="translate(-228.79147 -93.71349)"
fill="#e5e5e5"
/>
<path
id="aebed2c8-94ca-417e-8b11-27e17cbf3024-360"
data-name="Path 980"
d="M372.40744,394.72649l3.17,64.468-30.726,62.223-5.211-1.983,31.706-58.127Z"
transform="translate(-228.79147 -93.71349)"
opacity="0.1"
style="isolation:isolate"
/>
<path
id="e13ea0c4-bc86-4025-9528-1665a42d3372-361"
data-name="Path 982"
d="M407.27945,472.93247v-7.4l-35.929,59.186Z"
transform="translate(-228.79147 -93.71349)"
opacity="0.1"
style="isolation:isolate"
/>
<path
id="eb3190ba-6b3f-4b2b-91d1-1543e580b413-362"
data-name="Path 983"
d="M337.57645,306.38749l-4.539-1.816s9.5-10.457,22.713-9.548l-3.717-4.092s9.085-3.637,17.345,5.91c4.342,5.019,9.365,10.919,12.5,17.564h4.865l-2.03,4.471,7.106,4.471-7.294-.8a24.73921,24.73921,0,0,1-.69,11.579l.2,3.534s-8.459-13.089-8.459-14.905v4.547s-4.543-4.092-4.543-6.82l-2.478,3.183-1.239-5-15.28,5,2.476-4.094-9.5,1.364,3.717-5s-10.737,5.91-11.15,10.912-5.781,11.366-5.781,11.366l-2.478-4.547S325.60443,313.20747,337.57645,306.38749Z"
transform="translate(-228.79147 -93.71349)"
fill="#2f2e41"
/>
<path <path
d="M355.35408,552.83885a10.05581,10.05581,0,0,0,2.73778-15.17434l18.42263-30.62-18.55382.76775-14.64995,28.95959a10.11028,10.11028,0,0,0,12.04336,16.067Z" d="M355.35408,552.83885a10.05581,10.05581,0,0,0,2.73778-15.17434l18.42263-30.62-18.55382.76775-14.64995,28.95959a10.11028,10.11028,0,0,0,12.04336,16.067Z"
transform="translate(-228.79147 -93.71349)" fill="#9f616a"/> transform="translate(-228.79147 -93.71349)"
<path id="a62f6567-f472-4931-86f9-ff652851a370-363" data-name="Path 981" fill="#9f616a"
d="M397.24046,375.17548l7.926-1.585s23.779,17.438,16.381,52.314-40.16,87.719-40.16,87.719-7.4,9.512-9.512,11.625-6.341,0-4.227,3.171-3.171,5.284-3.171,5.284-23.251,0-21.137-8.455,38.047-68.7,38.047-68.7l-5.284-56.013S371.87446,373.0615,397.24046,375.17548Z" />
transform="translate(-228.79147 -93.71349)" fill="#e5e5e5"/> <path
id="a62f6567-f472-4931-86f9-ff652851a370-363"
data-name="Path 981"
d="M397.24046,375.17548l7.926-1.585s23.779,17.438,16.381,52.314-40.16,87.719-40.16,87.719-7.4,9.512-9.512,11.625-6.341,0-4.227,3.171-3.171,5.284-3.171,5.284-23.251,0-21.137-8.455,38.047-68.7,38.047-68.7l-5.284-56.013S371.87446,373.0615,397.24046,375.17548Z"
transform="translate(-228.79147 -93.71349)"
fill="#e5e5e5"
/>
</svg> </svg>
) );
};
} export default Svg403;
export default Svg403

158
src/core/components/svgs/Svg404.jsx
View File

@@ -1,101 +1,163 @@
import {useTheme} from "@mui/material"; import { useTheme } from "@mui/material";
const Svg404 = ({width, height}) => { const Svg404 = ({ width, height }) => {
const theme = useTheme() const theme = useTheme();
const fillColor = theme.palette.primary.main const fillColor = theme.palette.primary.main;
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height} <svg
viewBox="0 0 860.13137 571.14799"> xmlns="http://www.w3.org/2000/svg"
data-name="Layer 1"
width={width}
height={height}
viewBox="0 0 860.13137 571.14799"
>
<path <path
d="M605.66974,324.95306c-7.66934-12.68446-16.7572-26.22768-30.98954-30.36953-16.482-4.7965-33.4132,4.73193-47.77473,14.13453a1392.15692,1392.15692,0,0,0-123.89338,91.28311l.04331.49238q46.22556-3.1878,92.451-6.37554c22.26532-1.53546,45.29557-3.2827,64.97195-13.8156,7.46652-3.99683,14.74475-9.33579,23.20555-9.70782,10.51175-.46217,19.67733,6.87923,26.8802,14.54931,42.60731,45.371,54.937,114.75409,102.73817,154.61591A1516.99453,1516.99453,0,0,0,605.66974,324.95306Z" d="M605.66974,324.95306c-7.66934-12.68446-16.7572-26.22768-30.98954-30.36953-16.482-4.7965-33.4132,4.73193-47.77473,14.13453a1392.15692,1392.15692,0,0,0-123.89338,91.28311l.04331.49238q46.22556-3.1878,92.451-6.37554c22.26532-1.53546,45.29557-3.2827,64.97195-13.8156,7.46652-3.99683,14.74475-9.33579,23.20555-9.70782,10.51175-.46217,19.67733,6.87923,26.8802,14.54931,42.60731,45.371,54.937,114.75409,102.73817,154.61591A1516.99453,1516.99453,0,0,0,605.66974,324.95306Z"
transform="translate(-169.93432 -164.42601)" fill="#f2f2f2"/> transform="translate(-169.93432 -164.42601)"
fill="#f2f2f2"
/>
<path <path
d="M867.57068,709.78146c-4.71167-5.94958-6.6369-7.343-11.28457-13.34761q-56.7644-73.41638-106.70791-151.79237-33.92354-53.23-64.48275-108.50439-14.54864-26.2781-28.29961-52.96872-10.67044-20.6952-20.8646-41.63793c-1.94358-3.98782-3.8321-7.99393-5.71122-12.00922-4.42788-9.44232-8.77341-18.93047-13.43943-28.24449-5.31686-10.61572-11.789-21.74485-21.55259-28.877a29.40493,29.40493,0,0,0-15.31855-5.89458c-7.948-.51336-15.28184,2.76855-22.17568,6.35295-50.43859,26.301-97.65922,59.27589-140.3696,96.79771A730.77816,730.77816,0,0,0,303.32241,496.24719c-1.008,1.43927-3.39164.06417-2.37419-1.38422q6.00933-8.49818,12.25681-16.81288A734.817,734.817,0,0,1,500.80465,303.06436q18.24824-11.82581,37.18269-22.54245c6.36206-3.60275,12.75188-7.15967,19.25136-10.49653,6.37146-3.27274,13.13683-6.21547,20.41563-6.32547,24.7701-.385,37.59539,27.66695,46.40506,46.54248q4.15283,8.9106,8.40636,17.76626,16.0748,33.62106,33.38729,66.628,10.68453,20.379,21.83683,40.51955,34.7071,62.71816,73.77854,122.897c34.5059,53.1429,68.73651,100.08874,108.04585,149.78472C870.59617,709.21309,868.662,711.17491,867.57068,709.78146Z" d="M867.57068,709.78146c-4.71167-5.94958-6.6369-7.343-11.28457-13.34761q-56.7644-73.41638-106.70791-151.79237-33.92354-53.23-64.48275-108.50439-14.54864-26.2781-28.29961-52.96872-10.67044-20.6952-20.8646-41.63793c-1.94358-3.98782-3.8321-7.99393-5.71122-12.00922-4.42788-9.44232-8.77341-18.93047-13.43943-28.24449-5.31686-10.61572-11.789-21.74485-21.55259-28.877a29.40493,29.40493,0,0,0-15.31855-5.89458c-7.948-.51336-15.28184,2.76855-22.17568,6.35295-50.43859,26.301-97.65922,59.27589-140.3696,96.79771A730.77816,730.77816,0,0,0,303.32241,496.24719c-1.008,1.43927-3.39164.06417-2.37419-1.38422q6.00933-8.49818,12.25681-16.81288A734.817,734.817,0,0,1,500.80465,303.06436q18.24824-11.82581,37.18269-22.54245c6.36206-3.60275,12.75188-7.15967,19.25136-10.49653,6.37146-3.27274,13.13683-6.21547,20.41563-6.32547,24.7701-.385,37.59539,27.66695,46.40506,46.54248q4.15283,8.9106,8.40636,17.76626,16.0748,33.62106,33.38729,66.628,10.68453,20.379,21.83683,40.51955,34.7071,62.71816,73.77854,122.897c34.5059,53.1429,68.73651,100.08874,108.04585,149.78472C870.59617,709.21309,868.662,711.17491,867.57068,709.78146Z"
transform="translate(-169.93432 -164.42601)" fill="#e4e4e4"/> transform="translate(-169.93432 -164.42601)"
fill="#e4e4e4"
/>
<path <path
d="M414.91613,355.804c-1.43911-1.60428-2.86927-3.20856-4.31777-4.81284-11.42244-12.63259-23.6788-25.11847-39.3644-32.36067a57.11025,57.11025,0,0,0-23.92679-5.54622c-8.56213.02753-16.93178,2.27348-24.84306,5.41792-3.74034,1.49427-7.39831,3.1902-11.00078,4.99614-4.11634,2.07182-8.15927,4.28118-12.1834,6.50883q-11.33112,6.27044-22.36816,13.09089-21.9606,13.57221-42.54566,29.21623-10.67111,8.11311-20.90174,16.75788-9.51557,8.03054-18.64618,16.492c-1.30169,1.20091-3.24527-.74255-1.94358-1.94347,1.60428-1.49428,3.22691-2.97938,4.84955-4.44613q6.87547-6.21546,13.9712-12.19257,12.93921-10.91827,26.54851-20.99312,21.16293-15.67614,43.78288-29.22541,11.30361-6.76545,22.91829-12.96259c2.33794-1.24675,4.70318-2.466,7.09572-3.6211a113.11578,113.11578,0,0,1,16.86777-6.86632,60.0063,60.0063,0,0,1,25.476-2.50265,66.32706,66.32706,0,0,1,23.50512,8.1314c15.40091,8.60812,27.34573,21.919,38.97,34.90915C418.03337,355.17141,416.09875,357.12405,414.91613,355.804Z" d="M414.91613,355.804c-1.43911-1.60428-2.86927-3.20856-4.31777-4.81284-11.42244-12.63259-23.6788-25.11847-39.3644-32.36067a57.11025,57.11025,0,0,0-23.92679-5.54622c-8.56213.02753-16.93178,2.27348-24.84306,5.41792-3.74034,1.49427-7.39831,3.1902-11.00078,4.99614-4.11634,2.07182-8.15927,4.28118-12.1834,6.50883q-11.33112,6.27044-22.36816,13.09089-21.9606,13.57221-42.54566,29.21623-10.67111,8.11311-20.90174,16.75788-9.51557,8.03054-18.64618,16.492c-1.30169,1.20091-3.24527-.74255-1.94358-1.94347,1.60428-1.49428,3.22691-2.97938,4.84955-4.44613q6.87547-6.21546,13.9712-12.19257,12.93921-10.91827,26.54851-20.99312,21.16293-15.67614,43.78288-29.22541,11.30361-6.76545,22.91829-12.96259c2.33794-1.24675,4.70318-2.466,7.09572-3.6211a113.11578,113.11578,0,0,1,16.86777-6.86632,60.0063,60.0063,0,0,1,25.476-2.50265,66.32706,66.32706,0,0,1,23.50512,8.1314c15.40091,8.60812,27.34573,21.919,38.97,34.90915C418.03337,355.17141,416.09875,357.12405,414.91613,355.804Z"
transform="translate(-169.93432 -164.42601)" fill="#e4e4e4"/> transform="translate(-169.93432 -164.42601)"
fill="#e4e4e4"
/>
<path <path
d="M730.47659,486.71092l36.90462-13.498,18.32327-6.70183c5.96758-2.18267,11.92082-4.66747,18.08988-6.23036a28.53871,28.53871,0,0,1,16.37356.20862,37.73753,37.73753,0,0,1,12.771,7.91666,103.63965,103.63965,0,0,1,10.47487,11.18643c3.98932,4.79426,7.91971,9.63877,11.86772,14.46706q24.44136,29.89094,48.56307,60.04134,24.12117,30.14991,47.91981,60.556,23.85681,30.48041,47.38548,61.21573,2.88229,3.76518,5.75966,7.53415c1.0598,1.38809,3.44949.01962,2.37472-1.38808Q983.582,650.9742,959.54931,620.184q-24.09177-30.86383-48.51647-61.46586-24.42421-30.60141-49.17853-60.93743-6.16706-7.55761-12.35445-15.09858c-3.47953-4.24073-6.91983-8.52718-10.73628-12.47427-7.00539-7.24516-15.75772-13.64794-26.23437-13.82166-6.15972-.10214-12.121,1.85248-17.844,3.92287-6.16968,2.232-12.32455,4.50571-18.48633,6.75941l-37.16269,13.59243-9.29067,3.3981c-1.64875.603-.93651,3.2619.73111,2.652Z" d="M730.47659,486.71092l36.90462-13.498,18.32327-6.70183c5.96758-2.18267,11.92082-4.66747,18.08988-6.23036a28.53871,28.53871,0,0,1,16.37356.20862,37.73753,37.73753,0,0,1,12.771,7.91666,103.63965,103.63965,0,0,1,10.47487,11.18643c3.98932,4.79426,7.91971,9.63877,11.86772,14.46706q24.44136,29.89094,48.56307,60.04134,24.12117,30.14991,47.91981,60.556,23.85681,30.48041,47.38548,61.21573,2.88229,3.76518,5.75966,7.53415c1.0598,1.38809,3.44949.01962,2.37472-1.38808Q983.582,650.9742,959.54931,620.184q-24.09177-30.86383-48.51647-61.46586-24.42421-30.60141-49.17853-60.93743-6.16706-7.55761-12.35445-15.09858c-3.47953-4.24073-6.91983-8.52718-10.73628-12.47427-7.00539-7.24516-15.75772-13.64794-26.23437-13.82166-6.15972-.10214-12.121,1.85248-17.844,3.92287-6.16968,2.232-12.32455,4.50571-18.48633,6.75941l-37.16269,13.59243-9.29067,3.3981c-1.64875.603-.93651,3.2619.73111,2.652Z"
transform="translate(-169.93432 -164.42601)" fill="#e4e4e4"/> transform="translate(-169.93432 -164.42601)"
fill="#e4e4e4"
/>
<path <path
d="M366.37741,334.52609c-18.75411-9.63866-42.77137-7.75087-60.00508,4.29119a855.84708,855.84708,0,0,1,97.37056,22.72581C390.4603,353.75916,380.07013,341.5635,366.37741,334.52609Z" d="M366.37741,334.52609c-18.75411-9.63866-42.77137-7.75087-60.00508,4.29119a855.84708,855.84708,0,0,1,97.37056,22.72581C390.4603,353.75916,380.07013,341.5635,366.37741,334.52609Z"
transform="translate(-169.93432 -164.42601)" fill="#f2f2f2"/> transform="translate(-169.93432 -164.42601)"
fill="#f2f2f2"
/>
<path <path
d="M306.18775,338.7841l-3.61042,2.93462c1.22123-1.02713,2.4908-1.99013,3.795-2.90144C306.31073,338.80665,306.24935,338.79473,306.18775,338.7841Z" d="M306.18775,338.7841l-3.61042,2.93462c1.22123-1.02713,2.4908-1.99013,3.795-2.90144C306.31073,338.80665,306.24935,338.79473,306.18775,338.7841Z"
transform="translate(-169.93432 -164.42601)" fill="#f2f2f2"/> transform="translate(-169.93432 -164.42601)"
fill="#f2f2f2"
/>
<path <path
d="M831.54929,486.84576c-3.6328-4.42207-7.56046-9.05222-12.99421-10.84836l-5.07308.20008A575.436,575.436,0,0,0,966.74929,651.418Q899.14929,569.13192,831.54929,486.84576Z" d="M831.54929,486.84576c-3.6328-4.42207-7.56046-9.05222-12.99421-10.84836l-5.07308.20008A575.436,575.436,0,0,0,966.74929,651.418Q899.14929,569.13192,831.54929,486.84576Z"
transform="translate(-169.93432 -164.42601)" fill="#f2f2f2"/> transform="translate(-169.93432 -164.42601)"
fill="#f2f2f2"
/>
<path <path
d="M516.08388,450.36652A37.4811,37.4811,0,0,0,531.015,471.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544" d="M516.08388,450.36652A37.4811,37.4811,0,0,0,531.015,471.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544"
transform="translate(-169.93432 -164.42601)" fill="#f2f2f2"/> transform="translate(-169.93432 -164.42601)"
fill="#f2f2f2"
/>
<path <path
d="M749.08388,653.36652A37.4811,37.4811,0,0,0,764.015,674.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544" d="M749.08388,653.36652A37.4811,37.4811,0,0,0,764.015,674.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544"
transform="translate(-169.93432 -164.42601)" fill="#f2f2f2"/> transform="translate(-169.93432 -164.42601)"
fill="#f2f2f2"
/>
<path <path
d="M284.08388,639.36652A37.4811,37.4811,0,0,0,299.015,660.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544" d="M284.08388,639.36652A37.4811,37.4811,0,0,0,299.015,660.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544"
transform="translate(-169.93432 -164.42601)" fill="#f2f2f2"/> transform="translate(-169.93432 -164.42601)"
<circle cx="649.24878" cy="51" r="51" fill={fillColor}/> fill="#f2f2f2"
/>
<circle cx="649.24878" cy="51" r="51" fill={fillColor} />
<path <path
d="M911.21851,176.29639c-24.7168-3.34094-52.93512,10.01868-59.34131,34.12353a21.59653,21.59653,0,0,0-41.09351,2.10871l2.82972,2.02667a372.27461,372.27461,0,0,0,160.65881-.72638C957.07935,195.76,935.93537,179.63727,911.21851,176.29639Z" d="M911.21851,176.29639c-24.7168-3.34094-52.93512,10.01868-59.34131,34.12353a21.59653,21.59653,0,0,0-41.09351,2.10871l2.82972,2.02667a372.27461,372.27461,0,0,0,160.65881-.72638C957.07935,195.76,935.93537,179.63727,911.21851,176.29639Z"
transform="translate(-169.93432 -164.42601)" fill="#f0f0f0"/> transform="translate(-169.93432 -164.42601)"
fill="#f0f0f0"
/>
<path <path
d="M805.21851,244.29639c-24.7168-3.34094-52.93512,10.01868-59.34131,34.12353a21.59653,21.59653,0,0,0-41.09351,2.10871l2.82972,2.02667a372.27461,372.27461,0,0,0,160.65881-.72638C851.07935,263.76,829.93537,247.63727,805.21851,244.29639Z" d="M805.21851,244.29639c-24.7168-3.34094-52.93512,10.01868-59.34131,34.12353a21.59653,21.59653,0,0,0-41.09351,2.10871l2.82972,2.02667a372.27461,372.27461,0,0,0,160.65881-.72638C851.07935,263.76,829.93537,247.63727,805.21851,244.29639Z"
transform="translate(-169.93432 -164.42601)" fill="#f0f0f0"/> transform="translate(-169.93432 -164.42601)"
fill="#f0f0f0"
/>
<path <path
d="M1020.94552,257.15423a.98189.98189,0,0,1-.30176-.04688C756.237,173.48919,523.19942,184.42376,374.26388,208.32122c-20.26856,3.251-40.59131,7.00586-60.40381,11.16113-5.05811,1.05957-10.30567,2.19532-15.59668,3.37793-6.31885,1.40723-12.55371,2.85645-18.53223,4.30567q-3.873.917-7.59472,1.84863c-3.75831.92773-7.57178,1.89453-11.65967,2.957-4.56787,1.17774-9.209,2.41309-13.79737,3.67188a.44239.44239,0,0,1-.05127.01465l.00049.001c-5.18261,1.415-10.33789,2.8711-15.32324,4.3252-2.69824.77929-5.30371,1.54785-7.79932,2.30664-.2788.07715-.52587.15136-.77636.22754l-.53614.16308c-.31054.09473-.61718.1875-.92382.27539l-.01953.00586.00048.001-.81152.252c-.96777.293-1.91211.5791-2.84082.86426-24.54492,7.56641-38.03809,12.94922-38.17139,13.00195a1,1,0,1,1-.74414-1.85644c.13428-.05274,13.69336-5.46289,38.32764-13.05762.93213-.28613,1.87891-.57226,2.84961-.86621l.7539-.23438c.02588-.00976.05176-.01757.07813-.02539.30518-.08691.60986-.17968.91943-.27343l.53711-.16309c.26758-.08105.53125-.16113.80127-.23535,2.47852-.75391,5.09278-1.52441,7.79785-2.30664,4.98731-1.45508,10.14746-2.91113,15.334-4.32813.01611-.00586.03271-.00976.04883-.01464v-.001c4.60449-1.2627,9.26269-2.50293,13.84521-3.68457,4.09424-1.06348,7.915-2.03223,11.67969-2.96192q3.73755-.93017,7.60937-1.85253c5.98536-1.45118,12.23291-2.90235,18.563-4.3125,5.29932-1.1836,10.55567-2.32227,15.62207-3.38282,19.84326-4.16211,40.19776-7.92285,60.49707-11.17871C523.09591,182.415,756.46749,171.46282,1021.2463,255.2011a.99974.99974,0,0,1-.30078,1.95313Z" d="M1020.94552,257.15423a.98189.98189,0,0,1-.30176-.04688C756.237,173.48919,523.19942,184.42376,374.26388,208.32122c-20.26856,3.251-40.59131,7.00586-60.40381,11.16113-5.05811,1.05957-10.30567,2.19532-15.59668,3.37793-6.31885,1.40723-12.55371,2.85645-18.53223,4.30567q-3.873.917-7.59472,1.84863c-3.75831.92773-7.57178,1.89453-11.65967,2.957-4.56787,1.17774-9.209,2.41309-13.79737,3.67188a.44239.44239,0,0,1-.05127.01465l.00049.001c-5.18261,1.415-10.33789,2.8711-15.32324,4.3252-2.69824.77929-5.30371,1.54785-7.79932,2.30664-.2788.07715-.52587.15136-.77636.22754l-.53614.16308c-.31054.09473-.61718.1875-.92382.27539l-.01953.00586.00048.001-.81152.252c-.96777.293-1.91211.5791-2.84082.86426-24.54492,7.56641-38.03809,12.94922-38.17139,13.00195a1,1,0,1,1-.74414-1.85644c.13428-.05274,13.69336-5.46289,38.32764-13.05762.93213-.28613,1.87891-.57226,2.84961-.86621l.7539-.23438c.02588-.00976.05176-.01757.07813-.02539.30518-.08691.60986-.17968.91943-.27343l.53711-.16309c.26758-.08105.53125-.16113.80127-.23535,2.47852-.75391,5.09278-1.52441,7.79785-2.30664,4.98731-1.45508,10.14746-2.91113,15.334-4.32813.01611-.00586.03271-.00976.04883-.01464v-.001c4.60449-1.2627,9.26269-2.50293,13.84521-3.68457,4.09424-1.06348,7.915-2.03223,11.67969-2.96192q3.73755-.93017,7.60937-1.85253c5.98536-1.45118,12.23291-2.90235,18.563-4.3125,5.29932-1.1836,10.55567-2.32227,15.62207-3.38282,19.84326-4.16211,40.19776-7.92285,60.49707-11.17871C523.09591,182.415,756.46749,171.46282,1021.2463,255.2011a.99974.99974,0,0,1-.30078,1.95313Z"
transform="translate(-169.93432 -164.42601)" fill="#ccc"/> transform="translate(-169.93432 -164.42601)"
fill="#ccc"
/>
<path <path
d="M432.92309,584.266a6.72948,6.72948,0,0,0-1.7-2.67,6.42983,6.42983,0,0,0-.92-.71c-2.61-1.74-6.51-2.13-8.99,0a5.81012,5.81012,0,0,0-.69.71q-1.11,1.365-2.28,2.67c-1.28,1.46-2.59,2.87-3.96,4.24-.39.38-.78.77-1.18,1.15-.23.23-.46.45-.69.67-.88.84-1.78,1.65-2.69,2.45-.48.43-.96.85-1.45,1.26-.73.61-1.46,1.22-2.2,1.81-.07.05-.14.1-.21.16-.02.01-.03.03-.05.04-.01,0-.02,0-.03.02a.17861.17861,0,0,0-.07.05c-.22.15-.37.25-.48.34.04-.01995.08-.05.12-.07-.18.14-.37.28-.55.42-1.75,1.29-3.54,2.53-5.37,3.69a99.21022,99.21022,0,0,1-14.22,7.55c-.33.13-.67.27-1.01.4a85.96993,85.96993,0,0,1-40.85,6.02q-2.13008-.165-4.26-.45c-1.64-.24-3.27-.53-4.89-.86a97.93186,97.93186,0,0,1-18.02-5.44,118.65185,118.65185,0,0,1-20.66-12.12c-1-.71-2.01-1.42-3.02-2.11,1.15-2.82,2.28-5.64,3.38-8.48.55-1.37,1.08-2.74,1.6-4.12,4.09-10.63,7.93-21.36,11.61-32.13q5.58-16.365,10.53-32.92.51-1.68.99-3.36,2.595-8.745,4.98-17.53c.15-.56994.31-1.12994.45-1.7q.68994-2.52,1.35-5.04c1-3.79-1.26-8.32-5.24-9.23a7.63441,7.63441,0,0,0-9.22,5.24c-.43,1.62-.86,3.23-1.3,4.85q-3.165,11.74494-6.66,23.41-.51,1.68-1.02,3.36-7.71,25.41-16.93,50.31-1.11,3.015-2.25,6.01c-.37.98-.74,1.96-1.12,2.94-.73,1.93-1.48,3.86-2.23,5.79-.43006,1.13-.87006,2.26-1.31,3.38-.29.71-.57,1.42-.85,2.12a41.80941,41.80941,0,0,0-8.81-2.12l-.48-.06a27.397,27.397,0,0,0-7.01.06,23.91419,23.91419,0,0,0-17.24,10.66c-4.77,7.51-4.71,18.25,1.98,24.63,6.89,6.57,17.32,6.52,25.43,2.41a28.35124,28.35124,0,0,0,10.52-9.86,50.56939,50.56939,0,0,0,2.74-4.65c.21.14.42.28.63.43.8.56,1.6,1.13,2.39,1.69a111.73777,111.73777,0,0,0,14.51,8.91,108.35887,108.35887,0,0,0,34.62,10.47c.27.03.53.07.8.1,1.33.17,2.67.3,4.01.41a103.78229,103.78229,0,0,0,55.58-11.36q2.175-1.125,4.31-2.36,3.315-1.92,6.48-4.08c1.15-.78,2.27-1.57,3.38-2.4a101.04244,101.04244,0,0,0,13.51-11.95q2.35491-2.475,4.51-5.11005a8.0612,8.0612,0,0,0,2.2-5.3A7.5644,7.5644,0,0,0,432.92309,584.266Zm-165.59,23.82c.21-.15.42-.31.62-.47C267.89312,607.766,267.60308,607.936,267.33312,608.086Zm3.21-3.23c-.23.26-.44.52-.67.78a23.36609,23.36609,0,0,1-2.25,2.2c-.11.1-.23.2-.35.29a.00976.00976,0,0,0-.01.01,3.80417,3.80417,0,0,0-.42005.22q-.645.39-1.31994.72a17.00459,17.00459,0,0,1-2.71.75,16.79925,16.79925,0,0,1-2.13.02h-.02a14.82252,14.82252,0,0,1-1.45-.4c-.24-.12-.47-.25994-.7-.4-.09-.08-.17005-.16-.22-.21a2.44015,2.44015,0,0,1-.26995-.29.0098.0098,0,0,0-.01-.01c-.11005-.2-.23005-.4-.34-.6a.031.031,0,0,1-.01-.02c-.08-.25-.15-.51-.21-.77a12.51066,12.51066,0,0,1,.01-1.37,13.4675,13.4675,0,0,1,.54-1.88,11.06776,11.06776,0,0,1,.69-1.26c.02-.04.12-.2.23-.38.01-.01.01-.01.01-.02.15-.17.3-.35.46-.51.27-.3.56-.56.85-.83a18.02212,18.02212,0,0,1,1.75-1.01,19.48061,19.48061,0,0,1,2.93-.79,24.98945,24.98945,0,0,1,4.41.04,30.30134,30.30134,0,0,1,4.1,1.01,36.94452,36.94452,0,0,1-2.77,4.54C270.6231,604.746,270.58312,604.806,270.54308,604.856Zm-11.12-3.29a2.18029,2.18029,0,0,1-.31.38995A1.40868,1.40868,0,0,1,259.42309,601.566Z" d="M432.92309,584.266a6.72948,6.72948,0,0,0-1.7-2.67,6.42983,6.42983,0,0,0-.92-.71c-2.61-1.74-6.51-2.13-8.99,0a5.81012,5.81012,0,0,0-.69.71q-1.11,1.365-2.28,2.67c-1.28,1.46-2.59,2.87-3.96,4.24-.39.38-.78.77-1.18,1.15-.23.23-.46.45-.69.67-.88.84-1.78,1.65-2.69,2.45-.48.43-.96.85-1.45,1.26-.73.61-1.46,1.22-2.2,1.81-.07.05-.14.1-.21.16-.02.01-.03.03-.05.04-.01,0-.02,0-.03.02a.17861.17861,0,0,0-.07.05c-.22.15-.37.25-.48.34.04-.01995.08-.05.12-.07-.18.14-.37.28-.55.42-1.75,1.29-3.54,2.53-5.37,3.69a99.21022,99.21022,0,0,1-14.22,7.55c-.33.13-.67.27-1.01.4a85.96993,85.96993,0,0,1-40.85,6.02q-2.13008-.165-4.26-.45c-1.64-.24-3.27-.53-4.89-.86a97.93186,97.93186,0,0,1-18.02-5.44,118.65185,118.65185,0,0,1-20.66-12.12c-1-.71-2.01-1.42-3.02-2.11,1.15-2.82,2.28-5.64,3.38-8.48.55-1.37,1.08-2.74,1.6-4.12,4.09-10.63,7.93-21.36,11.61-32.13q5.58-16.365,10.53-32.92.51-1.68.99-3.36,2.595-8.745,4.98-17.53c.15-.56994.31-1.12994.45-1.7q.68994-2.52,1.35-5.04c1-3.79-1.26-8.32-5.24-9.23a7.63441,7.63441,0,0,0-9.22,5.24c-.43,1.62-.86,3.23-1.3,4.85q-3.165,11.74494-6.66,23.41-.51,1.68-1.02,3.36-7.71,25.41-16.93,50.31-1.11,3.015-2.25,6.01c-.37.98-.74,1.96-1.12,2.94-.73,1.93-1.48,3.86-2.23,5.79-.43006,1.13-.87006,2.26-1.31,3.38-.29.71-.57,1.42-.85,2.12a41.80941,41.80941,0,0,0-8.81-2.12l-.48-.06a27.397,27.397,0,0,0-7.01.06,23.91419,23.91419,0,0,0-17.24,10.66c-4.77,7.51-4.71,18.25,1.98,24.63,6.89,6.57,17.32,6.52,25.43,2.41a28.35124,28.35124,0,0,0,10.52-9.86,50.56939,50.56939,0,0,0,2.74-4.65c.21.14.42.28.63.43.8.56,1.6,1.13,2.39,1.69a111.73777,111.73777,0,0,0,14.51,8.91,108.35887,108.35887,0,0,0,34.62,10.47c.27.03.53.07.8.1,1.33.17,2.67.3,4.01.41a103.78229,103.78229,0,0,0,55.58-11.36q2.175-1.125,4.31-2.36,3.315-1.92,6.48-4.08c1.15-.78,2.27-1.57,3.38-2.4a101.04244,101.04244,0,0,0,13.51-11.95q2.35491-2.475,4.51-5.11005a8.0612,8.0612,0,0,0,2.2-5.3A7.5644,7.5644,0,0,0,432.92309,584.266Zm-165.59,23.82c.21-.15.42-.31.62-.47C267.89312,607.766,267.60308,607.936,267.33312,608.086Zm3.21-3.23c-.23.26-.44.52-.67.78a23.36609,23.36609,0,0,1-2.25,2.2c-.11.1-.23.2-.35.29a.00976.00976,0,0,0-.01.01,3.80417,3.80417,0,0,0-.42005.22q-.645.39-1.31994.72a17.00459,17.00459,0,0,1-2.71.75,16.79925,16.79925,0,0,1-2.13.02h-.02a14.82252,14.82252,0,0,1-1.45-.4c-.24-.12-.47-.25994-.7-.4-.09-.08-.17005-.16-.22-.21a2.44015,2.44015,0,0,1-.26995-.29.0098.0098,0,0,0-.01-.01c-.11005-.2-.23005-.4-.34-.6a.031.031,0,0,1-.01-.02c-.08-.25-.15-.51-.21-.77a12.51066,12.51066,0,0,1,.01-1.37,13.4675,13.4675,0,0,1,.54-1.88,11.06776,11.06776,0,0,1,.69-1.26c.02-.04.12-.2.23-.38.01-.01.01-.01.01-.02.15-.17.3-.35.46-.51.27-.3.56-.56.85-.83a18.02212,18.02212,0,0,1,1.75-1.01,19.48061,19.48061,0,0,1,2.93-.79,24.98945,24.98945,0,0,1,4.41.04,30.30134,30.30134,0,0,1,4.1,1.01,36.94452,36.94452,0,0,1-2.77,4.54C270.6231,604.746,270.58312,604.806,270.54308,604.856Zm-11.12-3.29a2.18029,2.18029,0,0,1-.31.38995A1.40868,1.40868,0,0,1,259.42309,601.566Z"
transform="translate(-169.93432 -164.42601)" fill="#3f3d56"/> transform="translate(-169.93432 -164.42601)"
fill="#3f3d56"
/>
<path <path
d="M402.86309,482.136q-.13494,4.71-.27,9.42-.285,10.455-.59,20.92-.315,11.775-.66,23.54-.165,6.07507-.34,12.15-.465,16.365-.92,32.72c-.03,1.13-.07,2.25-.1,3.38q-.225,8.11506-.45,16.23-.255,8.805-.5,17.61-.18,6.59994-.37,13.21-1.34994,47.895-2.7,95.79a7.64844,7.64844,0,0,1-7.5,7.5,7.56114,7.56114,0,0,1-7.5-7.5q.75-26.94,1.52-53.88.675-24.36,1.37-48.72.225-8.025.45-16.06.345-12.09.68-24.18c.03-1.13.07-2.25.1-3.38.02-.99.05-1.97.08-2.96q.66-23.475,1.32-46.96.27-9.24.52-18.49.3-10.545.6-21.08c.09-3.09.17005-6.17.26-9.26a7.64844,7.64844,0,0,1,7.5-7.5A7.56116,7.56116,0,0,1,402.86309,482.136Z" d="M402.86309,482.136q-.13494,4.71-.27,9.42-.285,10.455-.59,20.92-.315,11.775-.66,23.54-.165,6.07507-.34,12.15-.465,16.365-.92,32.72c-.03,1.13-.07,2.25-.1,3.38q-.225,8.11506-.45,16.23-.255,8.805-.5,17.61-.18,6.59994-.37,13.21-1.34994,47.895-2.7,95.79a7.64844,7.64844,0,0,1-7.5,7.5,7.56114,7.56114,0,0,1-7.5-7.5q.75-26.94,1.52-53.88.675-24.36,1.37-48.72.225-8.025.45-16.06.345-12.09.68-24.18c.03-1.13.07-2.25.1-3.38.02-.99.05-1.97.08-2.96q.66-23.475,1.32-46.96.27-9.24.52-18.49.3-10.545.6-21.08c.09-3.09.17005-6.17.26-9.26a7.64844,7.64844,0,0,1,7.5-7.5A7.56116,7.56116,0,0,1,402.86309,482.136Z"
transform="translate(-169.93432 -164.42601)" fill="#3f3d56"/> transform="translate(-169.93432 -164.42601)"
fill="#3f3d56"
/>
<path <path
d="M814.29118,484.2172a893.23753,893.23753,0,0,1-28.16112,87.94127c-3.007,7.94641-6.08319,15.877-9.3715,23.71185l.75606-1.7916a54.58274,54.58274,0,0,1-5.58953,10.61184q-.22935.32119-.46685.63642,1.16559-1.49043.4428-.589c-.25405.30065-.5049.60219-.7676.89546a23.66436,23.66436,0,0,1-2.2489,2.20318q-.30139.25767-.61188.5043l.93783-.729c-.10884.25668-.87275.59747-1.11067.74287a18.25362,18.25362,0,0,1-2.40479,1.21853l1.7916-.75606a19.0859,19.0859,0,0,1-4.23122,1.16069l1.9938-.26791a17.02055,17.02055,0,0,1-4.29785.046l1.99379.2679a14.0022,14.0022,0,0,1-3.40493-.917l1.79159.75606a12.01175,12.01175,0,0,1-1.67882-.89614c-.27135-.17688-1.10526-.80852-.01487.02461,1.13336.86595.14562.07434-.08763-.15584-.19427-.19171-.36962-.4-.55974-.595-.88208-.90454.99637,1.55662.39689.49858a18.18179,18.18179,0,0,1-.87827-1.63672l.75606,1.7916a11.92493,11.92493,0,0,1-.728-2.65143l.26791,1.9938a13.65147,13.65147,0,0,1-.00316-3.40491l-.2679,1.9938a15.96371,15.96371,0,0,1,.99486-3.68011l-.75606,1.7916a16.72914,16.72914,0,0,1,1.17794-2.29848,6.72934,6.72934,0,0,1,.72851-1.0714c.04915.01594-1.26865,1.51278-.56937.757.1829-.19767.354-.40592.539-.602.29617-.31382.61354-.60082.92561-.89791,1.04458-.99442-1.46188.966-.25652.17907a19.0489,19.0489,0,0,1,2.74925-1.49923l-1.79159.75606a20.31136,20.31136,0,0,1,4.99523-1.33984l-1.9938.2679a25.62828,25.62828,0,0,1,6.46062.07647l-1.9938-.2679a33.21056,33.21056,0,0,1,7.89178,2.2199l-1.7916-.75606c5.38965,2.31383,10.16308,5.74926,14.928,9.118a111.94962,111.94962,0,0,0,14.50615,8.9065,108.38849,108.38849,0,0,0,34.62226,10.47371,103.93268,103.93268,0,0,0,92.58557-36.75192,8.07773,8.07773,0,0,0,2.1967-5.3033,7.63232,7.63232,0,0,0-2.1967-5.3033c-2.75154-2.52586-7.94926-3.239-10.6066,0a95.63575,95.63575,0,0,1-8.10664,8.72692q-2.01736,1.914-4.14232,3.70983-1.21364,1.02588-2.46086,2.01121c-.3934.31081-1.61863,1.13807.26309-.19744-.43135.30614-.845.64036-1.27058.95478a99.26881,99.26881,0,0,1-20.33215,11.56478l1.79159-.75606a96.8364,96.8364,0,0,1-24.17119,6.62249l1.99379-.2679a97.64308,97.64308,0,0,1-25.75362-.03807l1.99379.2679a99.79982,99.79982,0,0,1-24.857-6.77027l1.7916.75607a116.02515,116.02515,0,0,1-21.7364-12.59112,86.87725,86.87725,0,0,0-11.113-6.99417,42.8238,42.8238,0,0,0-14.43784-4.38851c-9.43884-1.11076-19.0571,2.56562-24.24624,10.72035-4.77557,7.50482-4.71394,18.24362,1.97369,24.62519,6.8877,6.5725,17.31846,6.51693,25.43556,2.40567,7.81741-3.95946,12.51288-12.18539,15.815-19.94186,7.43109-17.45514,14.01023-35.31364,20.1399-53.263q9.09651-26.63712,16.49855-53.81332.91661-3.36581,1.80683-6.73869c1.001-3.78869-1.26094-8.32-5.23829-9.22589a7.63317,7.63317,0,0,0-9.22589,5.23829Z" d="M814.29118,484.2172a893.23753,893.23753,0,0,1-28.16112,87.94127c-3.007,7.94641-6.08319,15.877-9.3715,23.71185l.75606-1.7916a54.58274,54.58274,0,0,1-5.58953,10.61184q-.22935.32119-.46685.63642,1.16559-1.49043.4428-.589c-.25405.30065-.5049.60219-.7676.89546a23.66436,23.66436,0,0,1-2.2489,2.20318q-.30139.25767-.61188.5043l.93783-.729c-.10884.25668-.87275.59747-1.11067.74287a18.25362,18.25362,0,0,1-2.40479,1.21853l1.7916-.75606a19.0859,19.0859,0,0,1-4.23122,1.16069l1.9938-.26791a17.02055,17.02055,0,0,1-4.29785.046l1.99379.2679a14.0022,14.0022,0,0,1-3.40493-.917l1.79159.75606a12.01175,12.01175,0,0,1-1.67882-.89614c-.27135-.17688-1.10526-.80852-.01487.02461,1.13336.86595.14562.07434-.08763-.15584-.19427-.19171-.36962-.4-.55974-.595-.88208-.90454.99637,1.55662.39689.49858a18.18179,18.18179,0,0,1-.87827-1.63672l.75606,1.7916a11.92493,11.92493,0,0,1-.728-2.65143l.26791,1.9938a13.65147,13.65147,0,0,1-.00316-3.40491l-.2679,1.9938a15.96371,15.96371,0,0,1,.99486-3.68011l-.75606,1.7916a16.72914,16.72914,0,0,1,1.17794-2.29848,6.72934,6.72934,0,0,1,.72851-1.0714c.04915.01594-1.26865,1.51278-.56937.757.1829-.19767.354-.40592.539-.602.29617-.31382.61354-.60082.92561-.89791,1.04458-.99442-1.46188.966-.25652.17907a19.0489,19.0489,0,0,1,2.74925-1.49923l-1.79159.75606a20.31136,20.31136,0,0,1,4.99523-1.33984l-1.9938.2679a25.62828,25.62828,0,0,1,6.46062.07647l-1.9938-.2679a33.21056,33.21056,0,0,1,7.89178,2.2199l-1.7916-.75606c5.38965,2.31383,10.16308,5.74926,14.928,9.118a111.94962,111.94962,0,0,0,14.50615,8.9065,108.38849,108.38849,0,0,0,34.62226,10.47371,103.93268,103.93268,0,0,0,92.58557-36.75192,8.07773,8.07773,0,0,0,2.1967-5.3033,7.63232,7.63232,0,0,0-2.1967-5.3033c-2.75154-2.52586-7.94926-3.239-10.6066,0a95.63575,95.63575,0,0,1-8.10664,8.72692q-2.01736,1.914-4.14232,3.70983-1.21364,1.02588-2.46086,2.01121c-.3934.31081-1.61863,1.13807.26309-.19744-.43135.30614-.845.64036-1.27058.95478a99.26881,99.26881,0,0,1-20.33215,11.56478l1.79159-.75606a96.8364,96.8364,0,0,1-24.17119,6.62249l1.99379-.2679a97.64308,97.64308,0,0,1-25.75362-.03807l1.99379.2679a99.79982,99.79982,0,0,1-24.857-6.77027l1.7916.75607a116.02515,116.02515,0,0,1-21.7364-12.59112,86.87725,86.87725,0,0,0-11.113-6.99417,42.8238,42.8238,0,0,0-14.43784-4.38851c-9.43884-1.11076-19.0571,2.56562-24.24624,10.72035-4.77557,7.50482-4.71394,18.24362,1.97369,24.62519,6.8877,6.5725,17.31846,6.51693,25.43556,2.40567,7.81741-3.95946,12.51288-12.18539,15.815-19.94186,7.43109-17.45514,14.01023-35.31364,20.1399-53.263q9.09651-26.63712,16.49855-53.81332.91661-3.36581,1.80683-6.73869c1.001-3.78869-1.26094-8.32-5.23829-9.22589a7.63317,7.63317,0,0,0-9.22589,5.23829Z"
transform="translate(-169.93432 -164.42601)" fill="#3f3d56"/> transform="translate(-169.93432 -164.42601)"
fill="#3f3d56"
/>
<path <path
d="M889.12382,482.13557l-2.69954,95.79311-2.68548,95.29418-1.5185,53.88362a7.56465,7.56465,0,0,0,7.5,7.5,7.64923,7.64923,0,0,0,7.5-7.5l2.69955-95.79311,2.68548-95.29418,1.51849-53.88362a7.56465,7.56465,0,0,0-7.5-7.5,7.64923,7.64923,0,0,0-7.5,7.5Z" d="M889.12382,482.13557l-2.69954,95.79311-2.68548,95.29418-1.5185,53.88362a7.56465,7.56465,0,0,0,7.5,7.5,7.64923,7.64923,0,0,0,7.5-7.5l2.69955-95.79311,2.68548-95.29418,1.51849-53.88362a7.56465,7.56465,0,0,0-7.5-7.5,7.64923,7.64923,0,0,0-7.5,7.5Z"
transform="translate(-169.93432 -164.42601)" fill="#3f3d56"/> transform="translate(-169.93432 -164.42601)"
fill="#3f3d56"
/>
<path <path
d="M629.52566,700.36106h2.32885V594.31942h54.32863v-2.32291H631.85451V547.25214H673.8102q-.92256-1.17339-1.89893-2.31694H631.85451V515.38231c-.7703-.32846-1.54659-.64493-2.32885-.9435V544.9352h-45.652V507.07c-.78227.03583-1.55258.08959-2.3289.15527v37.71h-36.4201V516.68409c-.78227.34636-1.55258.71061-2.31694,1.0928V544.9352h-30.6158v2.31694h30.6158v44.74437h-30.6158v2.32291h30.6158V700.36106h2.31694V594.31942a36.41283,36.41283,0,0,1,36.4201,36.42007v69.62157h2.3289V594.31942h45.652Zm-84.401-108.36455V547.25214h36.4201v44.74437Zm38.749,0V547.25214h.91362a44.74135,44.74135,0,0,1,44.73842,44.74437Z" d="M629.52566,700.36106h2.32885V594.31942h54.32863v-2.32291H631.85451V547.25214H673.8102q-.92256-1.17339-1.89893-2.31694H631.85451V515.38231c-.7703-.32846-1.54659-.64493-2.32885-.9435V544.9352h-45.652V507.07c-.78227.03583-1.55258.08959-2.3289.15527v37.71h-36.4201V516.68409c-.78227.34636-1.55258.71061-2.31694,1.0928V544.9352h-30.6158v2.31694h30.6158v44.74437h-30.6158v2.32291h30.6158V700.36106h2.31694V594.31942a36.41283,36.41283,0,0,1,36.4201,36.42007v69.62157h2.3289V594.31942h45.652Zm-84.401-108.36455V547.25214h36.4201v44.74437Zm38.749,0V547.25214h.91362a44.74135,44.74135,0,0,1,44.73842,44.74437Z"
transform="translate(-169.93432 -164.42601)" opacity="0.2"/> transform="translate(-169.93432 -164.42601)"
opacity="0.2"
/>
<path <path
d="M615.30309,668.566a63.05854,63.05854,0,0,1-20.05,33.7c-.74.64-1.48,1.26-2.25,1.87q-2.805.25506-5.57.52c-1.53.14-3.04.29-4.54.43l-.27.03-.19-1.64-.76-6.64a37.623,37.623,0,0,1-3.3-32.44c2.64-7.12,7.42-13.41,12.12-19.65,6.49-8.62,12.8-17.14,13.03-27.65a60.54415,60.54415,0,0,1,7.9,13.33,16.432,16.432,0,0,0-5.12,3.76995c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39,1,.11,2,.21,3,.32a63.99025,63.99025,0,0,1,2.45,12.18A61.18851,61.18851,0,0,1,615.30309,668.566Z" d="M615.30309,668.566a63.05854,63.05854,0,0,1-20.05,33.7c-.74.64-1.48,1.26-2.25,1.87q-2.805.25506-5.57.52c-1.53.14-3.04.29-4.54.43l-.27.03-.19-1.64-.76-6.64a37.623,37.623,0,0,1-3.3-32.44c2.64-7.12,7.42-13.41,12.12-19.65,6.49-8.62,12.8-17.14,13.03-27.65a60.54415,60.54415,0,0,1,7.9,13.33,16.432,16.432,0,0,0-5.12,3.76995c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39,1,.11,2,.21,3,.32a63.99025,63.99025,0,0,1,2.45,12.18A61.18851,61.18851,0,0,1,615.30309,668.566Z"
transform="translate(-169.93432 -164.42601)" fill="#3f3d56"/> transform="translate(-169.93432 -164.42601)"
fill="#3f3d56"
/>
<path <path
d="M648.50311,642.356c-5.9,4.29-9.35,10.46-12.03,17.26a16.62776,16.62776,0,0,0-7.17,4.58c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39-2.68,8.04-5.14,16.36-9.88,23.15a36.98942,36.98942,0,0,1-12.03,10.91,38.49166,38.49166,0,0,1-4.02,1.99q-7.62.585-14.95,1.25-2.805.25506-5.57.52c-1.53.14-3.04.29-4.54.43q-.015-.825,0-1.65a63.30382,63.30382,0,0,1,15.25-39.86c.45-.52.91-1.03,1.38-1.54a61.7925,61.7925,0,0,1,16.81-12.7A62.65425,62.65425,0,0,1,648.50311,642.356Z" d="M648.50311,642.356c-5.9,4.29-9.35,10.46-12.03,17.26a16.62776,16.62776,0,0,0-7.17,4.58c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39-2.68,8.04-5.14,16.36-9.88,23.15a36.98942,36.98942,0,0,1-12.03,10.91,38.49166,38.49166,0,0,1-4.02,1.99q-7.62.585-14.95,1.25-2.805.25506-5.57.52c-1.53.14-3.04.29-4.54.43q-.015-.825,0-1.65a63.30382,63.30382,0,0,1,15.25-39.86c.45-.52.91-1.03,1.38-1.54a61.7925,61.7925,0,0,1,16.81-12.7A62.65425,62.65425,0,0,1,648.50311,642.356Z"
transform="translate(-169.93432 -164.42601)" fill={fillColor}/> transform="translate(-169.93432 -164.42601)"
fill={fillColor}
/>
<path <path
d="M589.16308,699.526l-1.15,3.4-.58,1.73c-1.53.14-3.04.29-4.54.43l-.27.03c-1.66.17-3.31.34-4.96.51-.43-.5-.86-1.01-1.28-1.53a62.03045,62.03045,0,0,1,8.07-87.11c-1.32,6.91.22,13.53,2.75,20.1-.27.11-.53.22-.78.34a16.432,16.432,0,0,0-5.12,3.76995c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39,1,.11,2,.21,3,.32q.705.075,1.41.15c.07.15.13.29.2.44,2.85,6.18,5.92,12.39,7.65,18.83a43.66591,43.66591,0,0,1,1.02,4.91A37.604,37.604,0,0,1,589.16308,699.526Z" d="M589.16308,699.526l-1.15,3.4-.58,1.73c-1.53.14-3.04.29-4.54.43l-.27.03c-1.66.17-3.31.34-4.96.51-.43-.5-.86-1.01-1.28-1.53a62.03045,62.03045,0,0,1,8.07-87.11c-1.32,6.91.22,13.53,2.75,20.1-.27.11-.53.22-.78.34a16.432,16.432,0,0,0-5.12,3.76995c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39,1,.11,2,.21,3,.32q.705.075,1.41.15c.07.15.13.29.2.44,2.85,6.18,5.92,12.39,7.65,18.83a43.66591,43.66591,0,0,1,1.02,4.91A37.604,37.604,0,0,1,589.16308,699.526Z"
transform="translate(-169.93432 -164.42601)" fill={fillColor}/> transform="translate(-169.93432 -164.42601)"
fill={fillColor}
/>
<path <path
d="M689.82123,554.48655c-8.60876-16.79219-21.94605-30.92088-37.63219-41.30357a114.2374,114.2374,0,0,0-52.5626-18.37992q-3.69043-.33535-7.399-.39281c-2.92141-.04371-46.866,12.63176-61.58712,22.98214a114.29462,114.29462,0,0,0-35.333,39.527,102.49972,102.49972,0,0,0-12.12557,51.6334,113.56387,113.56387,0,0,0,14.70268,51.47577,110.47507,110.47507,0,0,0,36.44425,38.74592C549.66655,708.561,565.07375,734.51,583.1831,735.426c18.24576.923,39.05418-23.55495,55.6951-30.98707a104.42533,104.42533,0,0,0,41.72554-34.005,110.24964,110.24964,0,0,0,19.599-48.94777c2.57368-18.08313,1.37415-36.73271-4.80123-54.01627a111.85969,111.85969,0,0,0-5.58024-12.9833c-1.77961-3.50519-6.996-4.7959-10.26142-2.69063a7.67979,7.67979,0,0,0-2.69064,10.26142q1.56766,3.08773,2.91536,6.27758l-.75606-1.7916a101.15088,101.15088,0,0,1,6.87641,25.53816l-.26791-1.99379a109.2286,109.2286,0,0,1-.06613,28.68252l.26791-1.9938a109.73379,109.73379,0,0,1-7.55462,27.67419l.75606-1.79159a104.212,104.212,0,0,1-6.67151,13.09835q-1.92308,3.18563-4.08062,6.22159c-.63172.8881-1.28287,1.761-1.939,2.63114-.85625,1.13555,1.16691-1.48321.28228-.36941-.15068.18972-.30049.3801-.45182.5693q-.68121.85165-1.3818,1.68765a93.61337,93.61337,0,0,1-10.17647,10.38359q-1.36615,1.19232-2.77786,2.33115c-.46871.37832-.932.77269-1.42079,1.12472.01861-.0134,1.57956-1.19945.65556-.511-.2905.21644-.57851.43619-.86961.65184q-2.90994,2.1558-5.97433,4.092a103.48509,103.48509,0,0,1-14.75565,7.7131l1.7916-.75606a109.21493,109.21493,0,0,1-27.59663,7.55154l1.9938-.26791a108.15361,108.15361,0,0,1-28.58907.0506l1.99379.2679a99.835,99.835,0,0,1-25.09531-6.78448l1.79159.75607a93.64314,93.64314,0,0,1-13.41605-6.99094q-3.17437-2-6.18358-4.24743c-.2862-.21359-.56992-.43038-.855-.64549-.9155-.69088.65765.50965.67021.51787a19.16864,19.16864,0,0,1-1.535-1.22469q-1.45353-1.18358-2.86136-2.4218a101.98931,101.98931,0,0,1-10.49319-10.70945q-1.21308-1.43379-2.37407-2.91054c-.33524-.4263-.9465-1.29026.40424.5289-.17775-.23939-.36206-.47414-.54159-.71223q-.64657-.85751-1.27568-1.72793-2.203-3.048-4.18787-6.24586a109.29037,109.29037,0,0,1-7.8054-15.10831l.75606,1.7916a106.58753,106.58753,0,0,1-7.34039-26.837l.26791,1.9938a97.86589,97.86589,0,0,1-.04843-25.63587l-.2679,1.9938A94.673,94.673,0,0,1,505.27587,570.55l-.75606,1.7916a101.55725,101.55725,0,0,1,7.19519-13.85624q2.0655-3.32328,4.37767-6.4847.52528-.71832,1.06244-1.42786c.324-.4279,1.215-1.49333-.30537.38842.14906-.18449.29252-.37428.43942-.56041q1.26882-1.60756,2.59959-3.1649A107.40164,107.40164,0,0,1,530.772,536.21508q1.47408-1.29171,2.99464-2.52906.6909-.56218,1.39108-1.11284c.18664-.14673.37574-.29073.56152-.43858-1.99743,1.58953-.555.43261-.10157.09288q3.13393-2.34833,6.43534-4.46134a103.64393,103.64393,0,0,1,15.38655-8.10791l-1.7916.75606c7.76008-3.25839,42.14086-10.9492,48.394-10.10973l-1.99379-.26791A106.22471,106.22471,0,0,1,628.768,517.419l-1.7916-.75606a110.31334,110.31334,0,0,1,12.6002,6.32922q3.04344,1.78405,5.96742,3.76252,1.38351.93658,2.73809,1.915.677.48917,1.34626.98885c.24789.185.49386.37253.74135.558,1.03924.779-1.43148-1.1281-.34209-.26655a110.84261,110.84261,0,0,1,10.36783,9.2532q2.401,2.445,4.63686,5.04515,1.14659,1.33419,2.24643,2.70757c.36436.45495,1.60506,2.101.08448.08457.37165.49285.74744.98239,1.11436,1.47884a97.97718,97.97718,0,0,1,8.39161,13.53807c1.79317,3.49775,6.98675,4.80186,10.26142,2.69064A7.67666,7.67666,0,0,0,689.82123,554.48655Z" d="M689.82123,554.48655c-8.60876-16.79219-21.94605-30.92088-37.63219-41.30357a114.2374,114.2374,0,0,0-52.5626-18.37992q-3.69043-.33535-7.399-.39281c-2.92141-.04371-46.866,12.63176-61.58712,22.98214a114.29462,114.29462,0,0,0-35.333,39.527,102.49972,102.49972,0,0,0-12.12557,51.6334,113.56387,113.56387,0,0,0,14.70268,51.47577,110.47507,110.47507,0,0,0,36.44425,38.74592C549.66655,708.561,565.07375,734.51,583.1831,735.426c18.24576.923,39.05418-23.55495,55.6951-30.98707a104.42533,104.42533,0,0,0,41.72554-34.005,110.24964,110.24964,0,0,0,19.599-48.94777c2.57368-18.08313,1.37415-36.73271-4.80123-54.01627a111.85969,111.85969,0,0,0-5.58024-12.9833c-1.77961-3.50519-6.996-4.7959-10.26142-2.69063a7.67979,7.67979,0,0,0-2.69064,10.26142q1.56766,3.08773,2.91536,6.27758l-.75606-1.7916a101.15088,101.15088,0,0,1,6.87641,25.53816l-.26791-1.99379a109.2286,109.2286,0,0,1-.06613,28.68252l.26791-1.9938a109.73379,109.73379,0,0,1-7.55462,27.67419l.75606-1.79159a104.212,104.212,0,0,1-6.67151,13.09835q-1.92308,3.18563-4.08062,6.22159c-.63172.8881-1.28287,1.761-1.939,2.63114-.85625,1.13555,1.16691-1.48321.28228-.36941-.15068.18972-.30049.3801-.45182.5693q-.68121.85165-1.3818,1.68765a93.61337,93.61337,0,0,1-10.17647,10.38359q-1.36615,1.19232-2.77786,2.33115c-.46871.37832-.932.77269-1.42079,1.12472.01861-.0134,1.57956-1.19945.65556-.511-.2905.21644-.57851.43619-.86961.65184q-2.90994,2.1558-5.97433,4.092a103.48509,103.48509,0,0,1-14.75565,7.7131l1.7916-.75606a109.21493,109.21493,0,0,1-27.59663,7.55154l1.9938-.26791a108.15361,108.15361,0,0,1-28.58907.0506l1.99379.2679a99.835,99.835,0,0,1-25.09531-6.78448l1.79159.75607a93.64314,93.64314,0,0,1-13.41605-6.99094q-3.17437-2-6.18358-4.24743c-.2862-.21359-.56992-.43038-.855-.64549-.9155-.69088.65765.50965.67021.51787a19.16864,19.16864,0,0,1-1.535-1.22469q-1.45353-1.18358-2.86136-2.4218a101.98931,101.98931,0,0,1-10.49319-10.70945q-1.21308-1.43379-2.37407-2.91054c-.33524-.4263-.9465-1.29026.40424.5289-.17775-.23939-.36206-.47414-.54159-.71223q-.64657-.85751-1.27568-1.72793-2.203-3.048-4.18787-6.24586a109.29037,109.29037,0,0,1-7.8054-15.10831l.75606,1.7916a106.58753,106.58753,0,0,1-7.34039-26.837l.26791,1.9938a97.86589,97.86589,0,0,1-.04843-25.63587l-.2679,1.9938A94.673,94.673,0,0,1,505.27587,570.55l-.75606,1.7916a101.55725,101.55725,0,0,1,7.19519-13.85624q2.0655-3.32328,4.37767-6.4847.52528-.71832,1.06244-1.42786c.324-.4279,1.215-1.49333-.30537.38842.14906-.18449.29252-.37428.43942-.56041q1.26882-1.60756,2.59959-3.1649A107.40164,107.40164,0,0,1,530.772,536.21508q1.47408-1.29171,2.99464-2.52906.6909-.56218,1.39108-1.11284c.18664-.14673.37574-.29073.56152-.43858-1.99743,1.58953-.555.43261-.10157.09288q3.13393-2.34833,6.43534-4.46134a103.64393,103.64393,0,0,1,15.38655-8.10791l-1.7916.75606c7.76008-3.25839,42.14086-10.9492,48.394-10.10973l-1.99379-.26791A106.22471,106.22471,0,0,1,628.768,517.419l-1.7916-.75606a110.31334,110.31334,0,0,1,12.6002,6.32922q3.04344,1.78405,5.96742,3.76252,1.38351.93658,2.73809,1.915.677.48917,1.34626.98885c.24789.185.49386.37253.74135.558,1.03924.779-1.43148-1.1281-.34209-.26655a110.84261,110.84261,0,0,1,10.36783,9.2532q2.401,2.445,4.63686,5.04515,1.14659,1.33419,2.24643,2.70757c.36436.45495,1.60506,2.101.08448.08457.37165.49285.74744.98239,1.11436,1.47884a97.97718,97.97718,0,0,1,8.39161,13.53807c1.79317,3.49775,6.98675,4.80186,10.26142,2.69064A7.67666,7.67666,0,0,0,689.82123,554.48655Z"
transform="translate(-169.93432 -164.42601)" fill="#3f3d56"/> transform="translate(-169.93432 -164.42601)"
fill="#3f3d56"
/>
<path <path
d="M602.43116,676.88167a3.77983,3.77983,0,0,1-2.73939-6.55137c.09531-.37882.16368-.65085.259-1.02968q-.05115-.12366-.1029-.24717c-3.47987-8.29769-25.685,14.83336-26.645,22.63179a30.029,30.029,0,0,0,.52714,10.32752A120.39223,120.39223,0,0,1,562.77838,652.01a116.20247,116.20247,0,0,1,.72078-12.96332q.59712-5.293,1.65679-10.51055a121.78667,121.78667,0,0,1,24.1515-51.61646c6.87378.38364,12.898-.66348,13.47967-13.98532.10346-2.36972,1.86113-4.42156,2.24841-6.756-.65621.08607-1.32321.13985-1.97941.18285-.20444.0107-.41958.02149-.624.03228l-.07709.00346a3.745,3.745,0,0,1-3.07566-6.10115q.425-.52305.85054-1.04557c.43036-.53793.87143-1.06507,1.30171-1.60292a1.865,1.865,0,0,0,.13986-.16144c.49494-.61322.98971-1.21564,1.48465-1.82885a10.82911,10.82911,0,0,0-3.55014-3.43169c-4.95941-2.90463-11.80146-.89293-15.38389,3.59313-3.59313,4.486-4.27083,10.77947-3.023,16.3843a43.39764,43.39764,0,0,0,6.003,13.3828c-.269.34429-.54872.67779-.81765,1.02209a122.57366,122.57366,0,0,0-12.79359,20.2681c1.0163-7.93863-11.41159-36.60795-16.21776-42.68052-5.773-7.29409-17.61108-4.11077-18.62815,5.13562q-.01476.13428-.02884.26849,1.07082.60411,2.0964,1.28237a5.12707,5.12707,0,0,1-2.06713,9.33031l-.10452.01613c-9.55573,13.64367,21.07745,49.1547,28.74518,41.18139a125.11045,125.11045,0,0,0-6.73449,31.69282,118.66429,118.66429,0,0,0,.08607,19.15986l-.03231-.22593C558.90163,648.154,529.674,627.51374,521.139,629.233c-4.91675.99041-9.75952.76525-9.01293,5.72484q.01788.11874.03635.2375a34.4418,34.4418,0,0,1,3.862,1.86105q1.07082.60423,2.09639,1.28237a5.12712,5.12712,0,0,1-2.06712,9.33039l-.10464.01606c-.07528.01079-.13987.02157-.21507.03237-4.34967,14.96631,27.90735,39.12,47.5177,31.43461h.01081a125.07484,125.07484,0,0,0,8.402,24.52806H601.679c.10765-.3335.20443-.67779.3013-1.01129a34.102,34.102,0,0,1-8.30521-.49477c2.22693-2.73257,4.45377-5.48664,6.6807-8.21913a1.86122,1.86122,0,0,0,.13986-.16135c1.12956-1.39849,2.26992-2.78627,3.39948-4.18476l.00061-.00173a49.95232,49.95232,0,0,0-1.46367-12.72495Zm-34.37066-67.613.0158-.02133-.0158.04282Zm-6.64832,59.93237-.25822-.58084c.01079-.41957.01079-.83914,0-1.26942,0-.11845-.0215-.23672-.0215-.35508.09678.74228.18285,1.48464.29042,2.22692Z" d="M602.43116,676.88167a3.77983,3.77983,0,0,1-2.73939-6.55137c.09531-.37882.16368-.65085.259-1.02968q-.05115-.12366-.1029-.24717c-3.47987-8.29769-25.685,14.83336-26.645,22.63179a30.029,30.029,0,0,0,.52714,10.32752A120.39223,120.39223,0,0,1,562.77838,652.01a116.20247,116.20247,0,0,1,.72078-12.96332q.59712-5.293,1.65679-10.51055a121.78667,121.78667,0,0,1,24.1515-51.61646c6.87378.38364,12.898-.66348,13.47967-13.98532.10346-2.36972,1.86113-4.42156,2.24841-6.756-.65621.08607-1.32321.13985-1.97941.18285-.20444.0107-.41958.02149-.624.03228l-.07709.00346a3.745,3.745,0,0,1-3.07566-6.10115q.425-.52305.85054-1.04557c.43036-.53793.87143-1.06507,1.30171-1.60292a1.865,1.865,0,0,0,.13986-.16144c.49494-.61322.98971-1.21564,1.48465-1.82885a10.82911,10.82911,0,0,0-3.55014-3.43169c-4.95941-2.90463-11.80146-.89293-15.38389,3.59313-3.59313,4.486-4.27083,10.77947-3.023,16.3843a43.39764,43.39764,0,0,0,6.003,13.3828c-.269.34429-.54872.67779-.81765,1.02209a122.57366,122.57366,0,0,0-12.79359,20.2681c1.0163-7.93863-11.41159-36.60795-16.21776-42.68052-5.773-7.29409-17.61108-4.11077-18.62815,5.13562q-.01476.13428-.02884.26849,1.07082.60411,2.0964,1.28237a5.12707,5.12707,0,0,1-2.06713,9.33031l-.10452.01613c-9.55573,13.64367,21.07745,49.1547,28.74518,41.18139a125.11045,125.11045,0,0,0-6.73449,31.69282,118.66429,118.66429,0,0,0,.08607,19.15986l-.03231-.22593C558.90163,648.154,529.674,627.51374,521.139,629.233c-4.91675.99041-9.75952.76525-9.01293,5.72484q.01788.11874.03635.2375a34.4418,34.4418,0,0,1,3.862,1.86105q1.07082.60423,2.09639,1.28237a5.12712,5.12712,0,0,1-2.06712,9.33039l-.10464.01606c-.07528.01079-.13987.02157-.21507.03237-4.34967,14.96631,27.90735,39.12,47.5177,31.43461h.01081a125.07484,125.07484,0,0,0,8.402,24.52806H601.679c.10765-.3335.20443-.67779.3013-1.01129a34.102,34.102,0,0,1-8.30521-.49477c2.22693-2.73257,4.45377-5.48664,6.6807-8.21913a1.86122,1.86122,0,0,0,.13986-.16135c1.12956-1.39849,2.26992-2.78627,3.39948-4.18476l.00061-.00173a49.95232,49.95232,0,0,0-1.46367-12.72495Zm-34.37066-67.613.0158-.02133-.0158.04282Zm-6.64832,59.93237-.25822-.58084c.01079-.41957.01079-.83914,0-1.26942,0-.11845-.0215-.23672-.0215-.35508.09678.74228.18285,1.48464.29042,2.22692Z"
transform="translate(-169.93432 -164.42601)" fill="#3f3d56"/> transform="translate(-169.93432 -164.42601)"
<circle cx="95.24878" cy="439" r="11" fill="#3f3d56"/> fill="#3f3d56"
<circle cx="227.24878" cy="559" r="11" fill="#3f3d56"/> />
<circle cx="728.24878" cy="559" r="11" fill="#3f3d56"/> <circle cx="95.24878" cy="439" r="11" fill="#3f3d56" />
<circle cx="755.24878" cy="419" r="11" fill="#3f3d56"/> <circle cx="227.24878" cy="559" r="11" fill="#3f3d56" />
<circle cx="723.24878" cy="317" r="11" fill="#3f3d56"/> <circle cx="728.24878" cy="559" r="11" fill="#3f3d56" />
<path d="M434.1831,583.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,434.1831,583.426Z" <circle cx="755.24878" cy="419" r="11" fill="#3f3d56" />
transform="translate(-169.93432 -164.42601)" fill="#3f3d56"/> <circle cx="723.24878" cy="317" r="11" fill="#3f3d56" />
<circle cx="484.24878" cy="349" r="11" fill="#3f3d56"/> <path
<path d="M545.1831,513.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,545.1831,513.426Z" d="M434.1831,583.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,434.1831,583.426Z"
transform="translate(-169.93432 -164.42601)" fill="#3f3d56"/> transform="translate(-169.93432 -164.42601)"
<path d="M403.1831,481.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,403.1831,481.426Z" fill="#3f3d56"
transform="translate(-169.93432 -164.42601)" fill="#3f3d56"/> />
<circle cx="599.24878" cy="443" r="11" fill="#3f3d56"/> <circle cx="484.24878" cy="349" r="11" fill="#3f3d56" />
<circle cx="426.24878" cy="338" r="16" fill="#3f3d56"/> <path
d="M545.1831,513.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,545.1831,513.426Z"
transform="translate(-169.93432 -164.42601)"
fill="#3f3d56"
/>
<path
d="M403.1831,481.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,403.1831,481.426Z"
transform="translate(-169.93432 -164.42601)"
fill="#3f3d56"
/>
<circle cx="599.24878" cy="443" r="11" fill="#3f3d56" />
<circle cx="426.24878" cy="338" r="16" fill="#3f3d56" />
<path <path
d="M1028.875,735.26666l-857.75.30733a1.19068,1.19068,0,1,1,0-2.38136l857.75-.30734a1.19069,1.19069,0,0,1,0,2.38137Z" d="M1028.875,735.26666l-857.75.30733a1.19068,1.19068,0,1,1,0-2.38136l857.75-.30734a1.19069,1.19069,0,0,1,0,2.38137Z"
transform="translate(-169.93432 -164.42601)" fill="#cacaca"/> transform="translate(-169.93432 -164.42601)"
fill="#cacaca"
/>
</svg> </svg>
) );
} };
export default Svg404 export default Svg404;

159
src/core/components/svgs/Svg500.jsx
View File

@@ -1,81 +1,96 @@
import {useTheme} from "@mui/material"; import { useTheme } from "@mui/material";
const Svg404 = ({width, height}) => { const Svg404 = ({ width, height }) => {
const theme = useTheme() const theme = useTheme();
const fillColor = theme.palette.primary.main const fillColor = theme.palette.primary.main;
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height} <svg
viewBox="0 0 888 710.80704"> xmlns="http://www.w3.org/2000/svg"
data-name="Layer 1"
width={width}
height={height}
viewBox="0 0 888 710.80704"
>
<path <path
d="M600.93555,699.40352a260.06372,260.06372,0,1,1,183.89355-76.1709A258.36518,258.36518,0,0,1,600.93555,699.40352Zm0-518.12891c-142.29688,0-258.06446,115.76758-258.06446,258.06494s115.76758,258.064,258.06446,258.064S859,581.63692,859,439.33955,743.23242,181.27461,600.93555,181.27461Z" d="M600.93555,699.40352a260.06372,260.06372,0,1,1,183.89355-76.1709A258.36518,258.36518,0,0,1,600.93555,699.40352Zm0-518.12891c-142.29688,0-258.06446,115.76758-258.06446,258.06494s115.76758,258.064,258.06446,258.064S859,581.63692,859,439.33955,743.23242,181.27461,600.93555,181.27461Z"
transform="translate(-156 -94.59648)" fill="#ccc"/> transform="translate(-156 -94.59648)"
<rect x="469" y="509.90391" width="262" height="195" transform="translate(1051.40391 -87.19257) rotate(90)" fill="#ccc"
fill="#2f2e41"/> />
<rect x="313" y="373.80743" width="262" height="104" fill="#3f3d56"/> <rect
<rect x="313" y="489.80743" width="262" height="104" fill="#3f3d56"/> x="469"
<rect x="313" y="605.80743" width="262" height="104" fill="#3f3d56"/> y="509.90391"
<rect x="313" y="417.90372" width="262" height="16" fill={fillColor}/> width="262"
<rect x="313" y="533.90372" width="262" height="16" fill={fillColor}/> height="195"
<rect x="313" y="649.90372" width="262" height="16" fill={fillColor}/> transform="translate(1051.40391 -87.19257) rotate(90)"
<circle cx="524" cy="388.80743" r="6" fill={fillColor}/> fill="#2f2e41"
<circle cx="545" cy="388.80743" r="6" fill={fillColor}/> />
<circle cx="566" cy="388.80743" r="6" fill={fillColor}/> <rect x="313" y="373.80743" width="262" height="104" fill="#3f3d56" />
<circle cx="524" cy="502.80743" r="6" fill={fillColor}/> <rect x="313" y="489.80743" width="262" height="104" fill="#3f3d56" />
<circle cx="545" cy="502.80743" r="6" fill={fillColor}/> <rect x="313" y="605.80743" width="262" height="104" fill="#3f3d56" />
<circle cx="566" cy="502.80743" r="6" fill={fillColor}/> <rect x="313" y="417.90372" width="262" height="16" fill={fillColor} />
<circle cx="524" cy="616.80743" r="6" fill={fillColor}/> <rect x="313" y="533.90372" width="262" height="16" fill={fillColor} />
<circle cx="545" cy="616.80743" r="6" fill={fillColor}/> <rect x="313" y="649.90372" width="262" height="16" fill={fillColor} />
<circle cx="566" cy="616.80743" r="6" fill={fillColor}/> <circle cx="524" cy="388.80743" r="6" fill={fillColor} />
<rect y="708.80704" width="888" height="2" fill="#3f3d56"/> <circle cx="545" cy="388.80743" r="6" fill={fillColor} />
<circle cx="566" cy="388.80743" r="6" fill={fillColor} />
<circle cx="524" cy="502.80743" r="6" fill={fillColor} />
<circle cx="545" cy="502.80743" r="6" fill={fillColor} />
<circle cx="566" cy="502.80743" r="6" fill={fillColor} />
<circle cx="524" cy="616.80743" r="6" fill={fillColor} />
<circle cx="545" cy="616.80743" r="6" fill={fillColor} />
<circle cx="566" cy="616.80743" r="6" fill={fillColor} />
<rect y="708.80704" width="888" height="2" fill="#3f3d56" />
<path <path
d="M397.8787,365.66116v185.9917a14.67525,14.67525,0,0,1-14.67227,14.67231H310.928a14.67656,14.67656,0,0,1-14.6784-14.67231V365.66116a14.67655,14.67655,0,0,1,14.6784-14.67228h8.76786a6.9778,6.9778,0,0,0,6.4551,9.60614h41.20843a6.97774,6.97774,0,0,0,6.45506-9.60614h9.392A14.67524,14.67524,0,0,1,397.8787,365.66116Z" d="M397.8787,365.66116v185.9917a14.67525,14.67525,0,0,1-14.67227,14.67231H310.928a14.67656,14.67656,0,0,1-14.6784-14.67231V365.66116a14.67655,14.67655,0,0,1,14.6784-14.67228h8.76786a6.9778,6.9778,0,0,0,6.4551,9.60614h41.20843a6.97774,6.97774,0,0,0,6.45506-9.60614h9.392A14.67524,14.67524,0,0,1,397.8787,365.66116Z"
transform="translate(-156 -94.59648)" fill="#e6e6e6"/> transform="translate(-156 -94.59648)"
<rect x="145.06414" y="291.91002" width="92" height="128" fill="#fff"/> fill="#e6e6e6"
<rect x="171.18557" y="379.92719" width="36.71978" height="2.09827" fill="#e6e6e6"/> />
<rect x="171.14869" y="387.63152" width="56.81724" height="2.09827" fill={fillColor}/> <rect x="145.06414" y="291.91002" width="92" height="128" fill="#fff" />
<rect x="171.14869" y="394.89011" width="44.5883" height="2.09827" fill="#e6e6e6"/> <rect x="171.18557" y="379.92719" width="36.71978" height="2.09827" fill="#e6e6e6" />
<rect x="171.14869" y="402.1487" width="26.22841" height="2.09827" fill="#e6e6e6"/> <rect x="171.14869" y="387.63152" width="56.81724" height="2.09827" fill={fillColor} />
<rect x="171.14869" y="409.40729" width="39.34262" height="2.09827" fill="#e6e6e6"/> <rect x="171.14869" y="394.89011" width="44.5883" height="2.09827" fill="#e6e6e6" />
<rect x="154.53324" y="379.32379" width="4.19655" height="4.19655" fill="#e6e6e6"/> <rect x="171.14869" y="402.1487" width="26.22841" height="2.09827" fill="#e6e6e6" />
<rect x="154.53324" y="386.58238" width="4.19655" height="4.19655" fill={fillColor}/> <rect x="171.14869" y="409.40729" width="39.34262" height="2.09827" fill="#e6e6e6" />
<rect x="154.53324" y="393.84097" width="4.19655" height="4.19655" fill="#e6e6e6"/> <rect x="154.53324" y="379.32379" width="4.19655" height="4.19655" fill="#e6e6e6" />
<rect x="154.53324" y="401.09956" width="4.19655" height="4.19655" fill="#e6e6e6"/> <rect x="154.53324" y="386.58238" width="4.19655" height="4.19655" fill={fillColor} />
<rect x="154.53324" y="408.35815" width="4.19655" height="4.19655" fill="#e6e6e6"/> <rect x="154.53324" y="393.84097" width="4.19655" height="4.19655" fill="#e6e6e6" />
<rect x="172.75082" y="307.91002" width="36.99753" height="36.99753" fill="#e6e6e6"/> <rect x="154.53324" y="401.09956" width="4.19655" height="4.19655" fill="#e6e6e6" />
<rect x="321.11058" y="0.13939" width="245.88383" height="157.47494" fill="#e6e6e6"/> <rect x="154.53324" y="408.35815" width="4.19655" height="4.19655" fill="#e6e6e6" />
<rect x="339.64671" y="44.19534" width="203.86136" height="77.03517" fill="#fff"/> <rect x="172.75082" y="307.91002" width="36.99753" height="36.99753" fill="#e6e6e6" />
<rect x="376.78939" y="57.54179" width="48.92684" height="2.79582" fill="#e6e6e6"/> <rect x="321.11058" y="0.13939" width="245.88383" height="157.47494" fill="#e6e6e6" />
<rect x="376.74025" y="67.80733" width="75.70547" height="2.79582" fill={fillColor}/> <rect x="339.64671" y="44.19534" width="203.86136" height="77.03517" fill="#fff" />
<rect x="376.74025" y="77.47895" width="59.41117" height="2.79582" fill="#e6e6e6"/> <rect x="376.78939" y="57.54179" width="48.92684" height="2.79582" fill="#e6e6e6" />
<rect x="376.74025" y="87.15058" width="34.94775" height="2.79582" fill="#e6e6e6"/> <rect x="376.74025" y="67.80733" width="75.70547" height="2.79582" fill={fillColor} />
<rect x="376.74025" y="96.8222" width="52.42162" height="2.79582" fill="#e6e6e6"/> <rect x="376.74025" y="77.47895" width="59.41117" height="2.79582" fill="#e6e6e6" />
<rect x="354.60119" y="56.7378" width="5.59164" height="5.59164" fill="#e6e6e6"/> <rect x="376.74025" y="87.15058" width="34.94775" height="2.79582" fill="#e6e6e6" />
<rect x="354.60119" y="66.40942" width="5.59164" height="5.59164" fill={fillColor}/> <rect x="376.74025" y="96.8222" width="52.42162" height="2.79582" fill="#e6e6e6" />
<rect x="354.60119" y="76.08104" width="5.59164" height="5.59164" fill="#e6e6e6"/> <rect x="354.60119" y="56.7378" width="5.59164" height="5.59164" fill="#e6e6e6" />
<rect x="354.60119" y="85.75267" width="5.59164" height="5.59164" fill="#e6e6e6"/> <rect x="354.60119" y="66.40942" width="5.59164" height="5.59164" fill={fillColor} />
<rect x="354.60119" y="95.42429" width="5.59164" height="5.59164" fill="#e6e6e6"/> <rect x="354.60119" y="76.08104" width="5.59164" height="5.59164" fill="#e6e6e6" />
<rect x="483.44507" y="53.8475" width="50.05873" height="50.05873" fill="#e6e6e6"/> <rect x="354.60119" y="85.75267" width="5.59164" height="5.59164" fill="#e6e6e6" />
<rect x="321.00559" width="245.88383" height="10.44604" fill={fillColor}/> <rect x="354.60119" y="95.42429" width="5.59164" height="5.59164" fill="#e6e6e6" />
<circle cx="328.76825" cy="5.34057" r="2.09686" fill="#fff"/> <rect x="483.44507" y="53.8475" width="50.05873" height="50.05873" fill="#e6e6e6" />
<circle cx="336.11718" cy="5.34057" r="2.09686" fill="#fff"/> <rect x="321.00559" width="245.88383" height="10.44604" fill={fillColor} />
<circle cx="343.46611" cy="5.34057" r="2.09686" fill="#fff"/> <circle cx="328.76825" cy="5.34057" r="2.09686" fill="#fff" />
<rect x="671.64772" y="294.80743" width="60" height="31" fill="#e6e6e6"/> <circle cx="336.11718" cy="5.34057" r="2.09686" fill="#fff" />
<rect x="671.64772" y="405.80743" width="60" height="31" fill="#e6e6e6"/> <circle cx="343.46611" cy="5.34057" r="2.09686" fill="#fff" />
<circle cx="701.64772" cy="365.80743" r="50" fill="#e6e6e6"/> <rect x="671.64772" y="294.80743" width="60" height="31" fill="#e6e6e6" />
<circle cx="701.64772" cy="365.80743" r="39" fill="#fff"/> <rect x="671.64772" y="405.80743" width="60" height="31" fill="#e6e6e6" />
<rect x="688.87659" y="355.12175" width="30.24683" height="1.72839" fill="#e2e2e2"/> <circle cx="701.64772" cy="365.80743" r="50" fill="#e6e6e6" />
<rect x="688.84621" y="361.46796" width="46.80151" height="1.72839" fill={fillColor}/> <circle cx="701.64772" cy="365.80743" r="39" fill="#fff" />
<rect x="688.84621" y="367.44701" width="36.72829" height="1.72839" fill="#e2e2e2"/> <rect x="688.87659" y="355.12175" width="30.24683" height="1.72839" fill="#e2e2e2" />
<rect x="688.84621" y="373.42605" width="21.60488" height="1.72839" fill="#e2e2e2"/> <rect x="688.84621" y="361.46796" width="46.80151" height="1.72839" fill={fillColor} />
<rect x="688.84621" y="379.4051" width="32.40732" height="1.72839" fill="#e2e2e2"/> <rect x="688.84621" y="367.44701" width="36.72829" height="1.72839" fill="#e2e2e2" />
<rect x="675.15972" y="354.62472" width="3.45678" height="3.45678" fill="#e2e2e2"/> <rect x="688.84621" y="373.42605" width="21.60488" height="1.72839" fill="#e2e2e2" />
<rect x="675.15972" y="360.60376" width="3.45678" height="3.45678" fill={fillColor}/> <rect x="688.84621" y="379.4051" width="32.40732" height="1.72839" fill="#e2e2e2" />
<rect x="675.15972" y="366.58281" width="3.45678" height="3.45678" fill="#e2e2e2"/> <rect x="675.15972" y="354.62472" width="3.45678" height="3.45678" fill="#e2e2e2" />
<rect x="675.15972" y="372.56186" width="3.45678" height="3.45678" fill="#e2e2e2"/> <rect x="675.15972" y="360.60376" width="3.45678" height="3.45678" fill={fillColor} />
<rect x="675.15972" y="378.54091" width="3.45678" height="3.45678" fill="#e2e2e2"/> <rect x="675.15972" y="366.58281" width="3.45678" height="3.45678" fill="#e2e2e2" />
<rect x="675.15972" y="372.56186" width="3.45678" height="3.45678" fill="#e2e2e2" />
<rect x="675.15972" y="378.54091" width="3.45678" height="3.45678" fill="#e2e2e2" />
</svg> </svg>
) );
} };
export default Svg404 export default Svg404;

179
src/core/components/svgs/SvgDashboard.jsx
View File

@@ -1,117 +1,176 @@
import {useTheme} from "@mui/material"; import { useTheme } from "@mui/material";
const SvgDashboard = ({width, height}) => { const SvgDashboard = ({ width, height }) => {
const theme = useTheme() const theme = useTheme();
const fillColor = theme.palette.primary.main const fillColor = theme.palette.primary.main;
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height} <svg
viewBox="0 0 1029.56255 548.69495"> xmlns="http://www.w3.org/2000/svg"
data-name="Layer 1"
width={width}
height={height}
viewBox="0 0 1029.56255 548.69495"
>
<path <path
d="M133.37467,722.76736l.21351-1.12612c.04736-.24754,4.90753-24.90966,23.12635-39.22042,18.21964-14.3114,43.33085-13.19135,43.58186-13.17828l1.145.05909-.21358,1.12564c-.04737.24754-4.90763,24.90918-23.12636,39.22042-18.21964,14.3114-43.33084,13.19135-43.58186,13.17828ZM157.95,683.994c-15.40414,12.09937-20.95072,31.88327-22.13763,36.85812,5.11571.02181,25.6644-.68921,41.0536-12.77757,15.38743-12.08706,20.94624-31.88051,22.13762-36.85812C193.88493,671.19461,173.33832,671.90627,157.95,683.994Z" d="M133.37467,722.76736l.21351-1.12612c.04736-.24754,4.90753-24.90966,23.12635-39.22042,18.21964-14.3114,43.33085-13.19135,43.58186-13.17828l1.145.05909-.21358,1.12564c-.04737.24754-4.90763,24.90918-23.12636,39.22042-18.21964,14.3114-43.33084,13.19135-43.58186,13.17828ZM157.95,683.994c-15.40414,12.09937-20.95072,31.88327-22.13763,36.85812,5.11571.02181,25.6644-.68921,41.0536-12.77757,15.38743-12.08706,20.94624-31.88051,22.13762-36.85812C193.88493,671.19461,173.33832,671.90627,157.95,683.994Z"
transform="translate(-85.21873 -175.65252)" fill="#f1f1f1"/> transform="translate(-85.21873 -175.65252)"
fill="#f1f1f1"
/>
<path <path
d="M165.19537,689.48163c-8.34609,21.49794-30.31721,33.0224-30.31721,33.0224s-8.43942-23.33063-.09333-44.82857S165.102,644.65305,165.102,644.65305,173.54146,667.98369,165.19537,689.48163Z" d="M165.19537,689.48163c-8.34609,21.49794-30.31721,33.0224-30.31721,33.0224s-8.43942-23.33063-.09333-44.82857S165.102,644.65305,165.102,644.65305,173.54146,667.98369,165.19537,689.48163Z"
transform="translate(-85.21873 -175.65252)" fill="#f1f1f1"/> transform="translate(-85.21873 -175.65252)"
fill="#f1f1f1"
/>
<path <path
d="M1084.55991,722.826c-.251.01307-25.36223,1.13312-43.58186-13.17828-18.21874-14.31124-23.079-38.97288-23.12636-39.22042l-.21359-1.12564,1.145-.05909c.251-.01307,25.36223-1.13312,43.58186,13.17828,18.21882,14.31076,23.079,38.97288,23.12636,39.22042l.2135,1.12612Zm-64.484-51.60955c1.19139,4.97761,6.75019,24.77106,22.13763,36.85812,15.38919,12.08836,35.93789,12.79938,41.05359,12.77757-1.1869-4.97485-6.73348-24.75875-22.13762-36.85812C1045.74117,671.90627,1025.19457,671.19461,1020.076,671.21642Z" d="M1084.55991,722.826c-.251.01307-25.36223,1.13312-43.58186-13.17828-18.21874-14.31124-23.079-38.97288-23.12636-39.22042l-.21359-1.12564,1.145-.05909c.251-.01307,25.36223-1.13312,43.58186,13.17828,18.21882,14.31076,23.079,38.97288,23.12636,39.22042l.2135,1.12612Zm-64.484-51.60955c1.19139,4.97761,6.75019,24.77106,22.13763,36.85812,15.38919,12.08836,35.93789,12.79938,41.05359,12.77757-1.1869-4.97485-6.73348-24.75875-22.13762-36.85812C1045.74117,671.90627,1025.19457,671.19461,1020.076,671.21642Z"
transform="translate(-85.21873 -175.65252)" fill="#f1f1f1"/> transform="translate(-85.21873 -175.65252)"
fill="#f1f1f1"
/>
<path <path
d="M1053.88412,689.48163c8.34609,21.49794,30.31722,33.0224,30.31722,33.0224s8.43942-23.33063.09333-44.82857-30.31722-33.02241-30.31722-33.02241S1045.538,667.98369,1053.88412,689.48163Z" d="M1053.88412,689.48163c8.34609,21.49794,30.31722,33.0224,30.31722,33.0224s8.43942-23.33063.09333-44.82857-30.31722-33.02241-30.31722-33.02241S1045.538,667.98369,1053.88412,689.48163Z"
transform="translate(-85.21873 -175.65252)" fill="#f1f1f1"/> transform="translate(-85.21873 -175.65252)"
fill="#f1f1f1"
/>
<path <path
d="M675.31479,717.62706l-14.5923-6.1443-10.01026-73.15138H517.40762L506.55725,711.1839l-13.05512,6.52746a3.10016,3.10016,0,0,0,1.38657,5.873H674.11213A3.1,3.1,0,0,0,675.31479,717.62706Z" d="M675.31479,717.62706l-14.5923-6.1443-10.01026-73.15138H517.40762L506.55725,711.1839l-13.05512,6.52746a3.10016,3.10016,0,0,0,1.38657,5.873H674.11213A3.1,3.1,0,0,0,675.31479,717.62706Z"
transform="translate(-85.21873 -175.65252)" fill="#e6e6e6"/> transform="translate(-85.21873 -175.65252)"
fill="#e6e6e6"
/>
<path <path
d="M912.20621,648.06385H257.377a12.97344,12.97344,0,0,1-12.9443-12.97332V542.751h680.7178v92.33952A12.97356,12.97356,0,0,1,912.20621,648.06385Z" d="M912.20621,648.06385H257.377a12.97344,12.97344,0,0,1-12.9443-12.97332V542.751h680.7178v92.33952A12.97356,12.97356,0,0,1,912.20621,648.06385Z"
transform="translate(-85.21873 -175.65252)" fill="#ccc"/> transform="translate(-85.21873 -175.65252)"
fill="#ccc"
/>
<path <path
d="M925.835,586.39288h-682V191.29161a15.6572,15.6572,0,0,1,15.63964-15.63909H910.1952A15.65735,15.65735,0,0,1,925.835,191.29161Z" d="M925.835,586.39288h-682V191.29161a15.6572,15.6572,0,0,1,15.63964-15.63909H910.1952A15.65735,15.65735,0,0,1,925.835,191.29161Z"
transform="translate(-85.21873 -175.65252)" fill="#3f3d56"/> transform="translate(-85.21873 -175.65252)"
fill="#3f3d56"
/>
<path <path
d="M885.10186,557.71639H284.56818a12.07023,12.07023,0,0,1-12.057-12.05667v-329.274a12.07087,12.07087,0,0,1,12.057-12.05741H885.10186a12.07088,12.07088,0,0,1,12.057,12.05741v329.274A12.07024,12.07024,0,0,1,885.10186,557.71639Z" d="M885.10186,557.71639H284.56818a12.07023,12.07023,0,0,1-12.057-12.05667v-329.274a12.07087,12.07087,0,0,1,12.057-12.05741H885.10186a12.07088,12.07088,0,0,1,12.057,12.05741v329.274A12.07024,12.07024,0,0,1,885.10186,557.71639Z"
transform="translate(-85.21873 -175.65252)" fill="#fff"/> transform="translate(-85.21873 -175.65252)"
fill="#fff"
/>
<path <path
d="M1113.255,724.34746l-1026.44821,0a1.56682,1.56682,0,0,1-1.53909-1.13363,1.52912,1.52912,0,0,1,1.47725-1.91893l1026.385,0a1.61535,1.61535,0,0,1,1.61617,1.19368A1.52819,1.52819,0,0,1,1113.255,724.34746Z" d="M1113.255,724.34746l-1026.44821,0a1.56682,1.56682,0,0,1-1.53909-1.13363,1.52912,1.52912,0,0,1,1.47725-1.91893l1026.385,0a1.61535,1.61535,0,0,1,1.61617,1.19368A1.52819,1.52819,0,0,1,1113.255,724.34746Z"
transform="translate(-85.21873 -175.65252)" fill="#ccc"/> transform="translate(-85.21873 -175.65252)"
<rect x="219.58182" y="153.2027" width="98.80647" height="9.27916" fill="#e5e5e5"/> fill="#ccc"
<rect x="219.58182" y="175.70578" width="98.80647" height="9.27916" fill="#e5e5e5"/> />
<rect x="219.58182" y="198.70578" width="98.80647" height="9.27916" fill="#e5e5e5"/> <rect x="219.58182" y="153.2027" width="98.80647" height="9.27916" fill="#e5e5e5" />
<rect x="219.58182" y="221.70578" width="98.80647" height="9.27916" fill="#e5e5e5"/> <rect x="219.58182" y="175.70578" width="98.80647" height="9.27916" fill="#e5e5e5" />
<rect x="242.98506" y="250.93227" width="52" height="8.05267" fill={fillColor}/> <rect x="219.58182" y="198.70578" width="98.80647" height="9.27916" fill="#e5e5e5" />
<rect x="471.19198" y="210.75367" width="0.94479" height="2.83436" fill="#e5e5e5"/> <rect x="219.58182" y="221.70578" width="98.80647" height="9.27916" fill="#e5e5e5" />
<rect x="242.98506" y="250.93227" width="52" height="8.05267" fill={fillColor} />
<rect x="471.19198" y="210.75367" width="0.94479" height="2.83436" fill="#e5e5e5" />
<path <path
d="M557.35549,449.63117h-.94478V443.592h.94478Zm0-12.07807h-.94478v-6.03916h.94478Zm0-12.07831h-.94478v-6.03893h.94478Zm0-12.07808h-.94478v-6.03916h.94478Zm0-12.07808h-.94478v-6.03916h.94478Z" d="M557.35549,449.63117h-.94478V443.592h.94478Zm0-12.07807h-.94478v-6.03916h.94478Zm0-12.07831h-.94478v-6.03893h.94478Zm0-12.07808h-.94478v-6.03916h.94478Zm0-12.07808h-.94478v-6.03916h.94478Z"
transform="translate(-85.21873 -175.65252)" fill="#e5e5e5"/> transform="translate(-85.21873 -175.65252)"
<rect x="471.19198" y="280.01781" width="0.94479" height="2.83436" fill="#e5e5e5"/> fill="#e5e5e5"
<rect x="574.64601" y="210.75367" width="0.94479" height="2.83436" fill="#e5e5e5"/> />
<rect x="471.19198" y="280.01781" width="0.94479" height="2.83436" fill="#e5e5e5" />
<rect x="574.64601" y="210.75367" width="0.94479" height="2.83436" fill="#e5e5e5" />
<path <path
d="M660.80952,449.63117h-.94479V443.592h.94479Zm0-12.07807h-.94479v-6.03916h.94479Zm0-12.07831h-.94479v-6.03893h.94479Zm0-12.07808h-.94479v-6.03916h.94479Zm0-12.07808h-.94479v-6.03916h.94479Z" d="M660.80952,449.63117h-.94479V443.592h.94479Zm0-12.07807h-.94479v-6.03916h.94479Zm0-12.07831h-.94479v-6.03893h.94479Zm0-12.07808h-.94479v-6.03916h.94479Zm0-12.07808h-.94479v-6.03916h.94479Z"
transform="translate(-85.21873 -175.65252)" fill="#e5e5e5"/> transform="translate(-85.21873 -175.65252)"
<rect x="574.64601" y="280.01781" width="0.94479" height="2.83436" fill="#e5e5e5"/> fill="#e5e5e5"
<rect x="626.83111" y="155.3061" width="0.94479" height="2.83436" fill="#e5e5e5"/> />
<rect x="574.64601" y="280.01781" width="0.94479" height="2.83436" fill="#e5e5e5" />
<rect x="626.83111" y="155.3061" width="0.94479" height="2.83436" fill="#e5e5e5" />
<path <path
d="M712.99462,449.86668h-.94478V444.063h.94478Zm0-11.6073h-.94478V432.4555h.94478Zm0-11.60753h-.94478V420.8482h.94478Zm0-11.6073h-.94478V409.2409h.94478Zm0-11.6073h-.94478v-5.80388h.94478Zm0-11.60753h-.94478v-5.80365h.94478Zm0-11.60731h-.94478v-5.80365h.94478Zm0-11.6073h-.94478v-5.80365h.94478Zm0-11.60753h-.94478v-5.80365h.94478Zm0-11.6073h-.94478v-5.80365h.94478Z" d="M712.99462,449.86668h-.94478V444.063h.94478Zm0-11.6073h-.94478V432.4555h.94478Zm0-11.60753h-.94478V420.8482h.94478Zm0-11.6073h-.94478V409.2409h.94478Zm0-11.6073h-.94478v-5.80388h.94478Zm0-11.60753h-.94478v-5.80365h.94478Zm0-11.60731h-.94478v-5.80365h.94478Zm0-11.6073h-.94478v-5.80365h.94478Zm0-11.60753h-.94478v-5.80365h.94478Zm0-11.6073h-.94478v-5.80365h.94478Z"
transform="translate(-85.21873 -175.65252)" fill="#e5e5e5"/> transform="translate(-85.21873 -175.65252)"
<rect x="626.83111" y="280.01781" width="0.94479" height="2.83436" fill="#e5e5e5"/> fill="#e5e5e5"
<rect x="678.49585" y="132.63125" width="0.94479" height="2.83436" fill="#e5e5e5"/> />
<rect x="626.83111" y="280.01781" width="0.94479" height="2.83436" fill="#e5e5e5" />
<rect x="678.49585" y="132.63125" width="0.94479" height="2.83436" fill="#e5e5e5" />
<path <path
d="M764.65936,449.88836h-.94479v-5.7822h.94479Zm0-11.56417h-.94479V432.542h.94479Zm0-11.56416h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.7822h.94479Zm0-11.56416h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.7822h.94479Zm0-11.56417h-.94479V363.157h.94479Zm0-11.56416h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.78219h.94479Z" d="M764.65936,449.88836h-.94479v-5.7822h.94479Zm0-11.56417h-.94479V432.542h.94479Zm0-11.56416h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.7822h.94479Zm0-11.56416h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.7822h.94479Zm0-11.56417h-.94479V363.157h.94479Zm0-11.56416h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.7822h.94479Zm0-11.56417h-.94479v-5.78219h.94479Z"
transform="translate(-85.21873 -175.65252)" fill="#e5e5e5"/> transform="translate(-85.21873 -175.65252)"
<rect x="678.49585" y="280.01781" width="0.94479" height="2.83436" fill="#e5e5e5"/> fill="#e5e5e5"
<rect x="523.15519" y="172.78464" width="0.94479" height="2.83436" fill="#e5e5e5"/> />
<rect x="678.49585" y="280.01781" width="0.94479" height="2.83436" fill="#e5e5e5" />
<rect x="523.15519" y="172.78464" width="0.94479" height="2.83436" fill="#e5e5e5" />
<path <path
d="M609.3187,450.17576h-.94478V444.6812h.94478Zm0-10.98936h-.94478v-5.49456h.94478Zm0-10.98936h-.94478v-5.49456h.94478Zm0-10.98936h-.94478v-5.49456h.94478Zm0-10.98936h-.94478v-5.49456h.94478Zm0-10.98936h-.94478v-5.49457h.94478Zm0-10.98936h-.94478V378.745h.94478Zm0-10.98936h-.94478v-5.49457h.94478Zm0-10.98936h-.94478v-5.49457h.94478Z" d="M609.3187,450.17576h-.94478V444.6812h.94478Zm0-10.98936h-.94478v-5.49456h.94478Zm0-10.98936h-.94478v-5.49456h.94478Zm0-10.98936h-.94478v-5.49456h.94478Zm0-10.98936h-.94478v-5.49456h.94478Zm0-10.98936h-.94478v-5.49457h.94478Zm0-10.98936h-.94478V378.745h.94478Zm0-10.98936h-.94478v-5.49457h.94478Zm0-10.98936h-.94478v-5.49457h.94478Z"
transform="translate(-85.21873 -175.65252)" fill="#e5e5e5"/> transform="translate(-85.21873 -175.65252)"
<rect x="523.15519" y="280.01781" width="0.94479" height="2.83436" fill="#e5e5e5"/> fill="#e5e5e5"
/>
<rect x="523.15519" y="280.01781" width="0.94479" height="2.83436" fill="#e5e5e5" />
<path <path
d="M817.06089,459.82073H504.27977a.97891.97891,0,0,1-.97886-.97886v-149.916a.97886.97886,0,0,1,1.95772,0V457.863H817.06089a.97886.97886,0,1,1,0,1.95772Z" d="M817.06089,459.82073H504.27977a.97891.97891,0,0,1-.97886-.97886v-149.916a.97886.97886,0,0,1,1.95772,0V457.863H817.06089a.97886.97886,0,1,1,0,1.95772Z"
transform="translate(-85.21873 -175.65252)" fill="#3f3d56"/> transform="translate(-85.21873 -175.65252)"
fill="#3f3d56"
/>
<polygon <polygon
points="575.548 212.069 523.544 173.118 472.251 211.537 471.077 209.97 523.544 170.672 575.3 209.438 626.731 153.155 626.938 153.071 678.817 132.168 679.549 133.985 627.876 154.804 575.548 212.069" points="575.548 212.069 523.544 173.118 472.251 211.537 471.077 209.97 523.544 170.672 575.3 209.438 626.731 153.155 626.938 153.071 678.817 132.168 679.549 133.985 627.876 154.804 575.548 212.069"
fill="#3f3d56"/> fill="#3f3d56"
<circle cx="471.66442" cy="210.75355" r="5.87317" fill={fillColor}/> />
<circle cx="523.54411" cy="172.57792" r="5.87317" fill={fillColor}/> <circle cx="471.66442" cy="210.75355" r="5.87317" fill={fillColor} />
<circle cx="575.42381" cy="210.75355" r="5.87317" fill={fillColor}/> <circle cx="523.54411" cy="172.57792" r="5.87317" fill={fillColor} />
<circle cx="627.3035" cy="153.97954" r="5.87317" fill={fillColor}/> <circle cx="575.42381" cy="210.75355" r="5.87317" fill={fillColor} />
<circle cx="679.1832" cy="132.44458" r="5.87317" fill={fillColor}/> <circle cx="627.3035" cy="153.97954" r="5.87317" fill={fillColor} />
<rect x="347.26975" y="28.67555" width="2" height="353.38818" fill="#e5e5e5"/> <circle cx="679.1832" cy="132.44458" r="5.87317" fill={fillColor} />
<rect x="347.26975" y="28.67555" width="2" height="353.38818" fill="#e5e5e5" />
<path <path
d="M905.98772,554.09977a7.34552,7.34552,0,0,0-1.961-11.09143l4.882-25.64286-12.52095,5.218L893.6713,546.1344a7.38532,7.38532,0,0,0,12.31642,7.96537Z" d="M905.98772,554.09977a7.34552,7.34552,0,0,0-1.961-11.09143l4.882-25.64286-12.52095,5.218L893.6713,546.1344a7.38532,7.38532,0,0,0,12.31642,7.96537Z"
transform="translate(-85.21873 -175.65252)" fill="#ffb7b7"/> transform="translate(-85.21873 -175.65252)"
<polygon points="883.2 535.797 872.598 535.797 867.554 494.903 883.202 494.904 883.2 535.797" fill="#ffb7b7"
fill="#ffb7b7"/> />
<polygon
points="883.2 535.797 872.598 535.797 867.554 494.903 883.202 494.904 883.2 535.797"
fill="#ffb7b7"
/>
<path <path
d="M971.1222,721.727l-34.18529-.00126v-.43239a13.30659,13.30659,0,0,1,13.30587-13.30566h.00084l20.87921.00085Z" d="M971.1222,721.727l-34.18529-.00126v-.43239a13.30659,13.30659,0,0,1,13.30587-13.30566h.00084l20.87921.00085Z"
transform="translate(-85.21873 -175.65252)" fill="#2f2e41"/> transform="translate(-85.21873 -175.65252)"
<polygon points="825.26 535.797 814.658 535.797 809.614 494.903 825.262 494.904 825.26 535.797" fill="#2f2e41"
fill="#ffb7b7"/> />
<polygon
points="825.26 535.797 814.658 535.797 809.614 494.903 825.262 494.904 825.26 535.797"
fill="#ffb7b7"
/>
<path <path
d="M910.58783,721.727l-34.18529-.00126v-.43239a13.30659,13.30659,0,0,1,13.30587-13.30566h.00084l20.87921.00085Z" d="M910.58783,721.727l-34.18529-.00126v-.43239a13.30659,13.30659,0,0,1,13.30587-13.30566h.00084l20.87921.00085Z"
transform="translate(-85.21873 -175.65252)" fill="#2f2e41"/> transform="translate(-85.21873 -175.65252)"
fill="#2f2e41"
/>
<polygon <polygon
points="824.391 363.083 814.014 386.99 805.453 524.403 827.073 523.538 832.978 458.033 851.192 399.689 861.664 464.733 865.988 521.808 883.877 522.583 891.005 363.083 824.391 363.083" points="824.391 363.083 814.014 386.99 805.453 524.403 827.073 523.538 832.978 458.033 851.192 399.689 861.664 464.733 865.988 521.808 883.877 522.583 891.005 363.083 824.391 363.083"
fill="#2f2e41"/> fill="#2f2e41"
/>
<path <path
d="M961.48266,420.76584l-30.07691.75236-17.65821,9.065-.96906,66.87968-11.0131,46.17488s68.811,4.73581,78.32355-2.1824L968.84683,488.704,983.925,431.69483Z" d="M961.48266,420.76584l-30.07691.75236-17.65821,9.065-.96906,66.87968-11.0131,46.17488s68.811,4.73581,78.32355-2.1824L968.84683,488.704,983.925,431.69483Z"
transform="translate(-85.21873 -175.65252)" fill={fillColor}/> transform="translate(-85.21873 -175.65252)"
fill={fillColor}
/>
<path <path
d="M916.96023,431.62873l-3.21269-1.04552s-10.19135,6.54059-9.22166,22.35367c0,0-.382,8.1827-.01724,13.62852.41834,6.24634-12.10688,68.31736-12.10688,68.31736h18.16032l7.783-56.21048Z" d="M916.96023,431.62873l-3.21269-1.04552s-10.19135,6.54059-9.22166,22.35367c0,0-.382,8.1827-.01724,13.62852.41834,6.24634-12.10688,68.31736-12.10688,68.31736h18.16032l7.783-56.21048Z"
transform="translate(-85.21873 -175.65252)" fill={fillColor}/> transform="translate(-85.21873 -175.65252)"
fill={fillColor}
/>
<path <path
d="M983.45379,554.96455a7.34552,7.34552,0,0,1,1.961-11.09143l-4.882-25.64286,12.52095,5.218,2.71649,23.55092a7.38532,7.38532,0,0,1-12.31642,7.96537Z" d="M983.45379,554.96455a7.34552,7.34552,0,0,1,1.961-11.09143l-4.882-25.64286,12.52095,5.218,2.71649,23.55092a7.38532,7.38532,0,0,1-12.31642,7.96537Z"
transform="translate(-85.21873 -175.65252)" fill="#ffb7b7"/> transform="translate(-85.21873 -175.65252)"
fill="#ffb7b7"
/>
<path <path
d="M979.39949,432.4935l3.2127-1.04551s10.19134,6.54059,9.22166,22.35367c0,0,.382,8.1827.01724,13.62852-.41834,6.24634,5.18866,68.31736,5.18866,68.31736H978.87944l-7.783-56.21049Z" d="M979.39949,432.4935l3.2127-1.04551s10.19134,6.54059,9.22166,22.35367c0,0,.382,8.1827.01724,13.62852-.41834,6.24634,5.18866,68.31736,5.18866,68.31736H978.87944l-7.783-56.21049Z"
transform="translate(-85.21873 -175.65252)" fill={fillColor}/> transform="translate(-85.21873 -175.65252)"
fill={fillColor}
/>
<path <path
d="M968.86587,392.707a20.84977,20.84977,0,1,1-20.84978-20.84975h0a20.79787,20.79787,0,0,1,20.84975,20.74588Q968.866,392.655,968.86587,392.707Z" d="M968.86587,392.707a20.84977,20.84977,0,1,1-20.84978-20.84975h0a20.79787,20.79787,0,0,1,20.84975,20.74588Q968.866,392.655,968.86587,392.707Z"
transform="translate(-85.21873 -175.65252)" fill="#ffb7b7"/> transform="translate(-85.21873 -175.65252)"
fill="#ffb7b7"
/>
<path <path
d="M927.23562,364.702c2.44244-5.25207,7.169-4.21369,11.30278-2.43339,5.23475-1.16114,10.21334-4.63745,15.85348-2.58158,5.55578,8.08056,24.209,5.70314,20.24058,18.85835-.00519,3.15227,5.93159,1.31744,4.89514,6.48014,3.14494,9.93555-11.35179,28.752-19.674,24.78956,2.05822-3.77215,6.76-12.34-.37128-13.18978-15.34037,14.27367-1.58274-27.18028-20.85755-15.1248C932.24272,387.341,923.50556,370.544,927.23562,364.702Z" d="M927.23562,364.702c2.44244-5.25207,7.169-4.21369,11.30278-2.43339,5.23475-1.16114,10.21334-4.63745,15.85348-2.58158,5.55578,8.08056,24.209,5.70314,20.24058,18.85835-.00519,3.15227,5.93159,1.31744,4.89514,6.48014,3.14494,9.93555-11.35179,28.752-19.674,24.78956,2.05822-3.77215,6.76-12.34-.37128-13.18978-15.34037,14.27367-1.58274-27.18028-20.85755-15.1248C932.24272,387.341,923.50556,370.544,927.23562,364.702Z"
transform="translate(-85.21873 -175.65252)" fill="#2f2e41"/> transform="translate(-85.21873 -175.65252)"
fill="#2f2e41"
/>
</svg> </svg>
) );
} };
export default SvgDashboard export default SvgDashboard;

237
src/core/components/svgs/SvgDone.jsx
View File

@@ -1,96 +1,191 @@
import {useTheme} from "@mui/material"; import { useTheme } from "@mui/material";
const SvgDone = ({width, height}) => { const SvgDone = ({ width, height }) => {
const theme = useTheme() const theme = useTheme();
const fillColor = theme.palette.primary.main const fillColor = theme.palette.primary.main;
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height} <svg
viewBox="0 0 680.83858 584.23207"> xmlns="http://www.w3.org/2000/svg"
<path id="b9ccae5a-ffdd-4f5c-9c1e-05af9f0f3372-220" data-name="Path 438" data-name="Layer 1"
d="M310.70569,694.02818a24.21459,24.21459,0,0,0,23.38269-4.11877c8.18977-6.87441,10.758-18.196,12.8467-28.68191l6.17973-31.01657-12.9377,8.90837c-9.30465,6.40641-18.81826,13.01866-25.26011,22.29785s-9.25223,21.94707-4.07792,31.988" width={width}
transform="translate(-259.58071 -157.88396)" fill="#e6e6e6"/> height={height}
<path id="f4ad1d06-bd03-4ced-a5c4-c19a65ab4ee5-221" data-name="Path 439" viewBox="0 0 680.83858 584.23207"
d="M312.7034,733.73874c-1.62839-11.86368-3.30382-23.88078-2.15884-35.87167,1.01467-10.64932,4.26373-21.04881,10.87831-29.57938a49.20592,49.20592,0,0,1,12.62466-11.44039c1.26215-.79648,2.42409,1.20354,1.16733,1.997a46.77949,46.77949,0,0,0-18.50446,22.32562c-4.02857,10.24607-4.67545,21.41582-3.98154,32.3003.41944,6.58218,1.31074,13.1212,2.20588,19.65251a1.19817,1.19817,0,0,1-.808,1.42251,1.16348,1.16348,0,0,1-1.42253-.808Z" >
transform="translate(-259.58071 -157.88396)" fill="#f2f2f2"/> <path
<path id="baf785f8-b4c6-42cf-85bd-8a16037845f7-222" data-name="Path 442" id="b9ccae5a-ffdd-4f5c-9c1e-05af9f0f3372-220"
d="M324.42443,714.70229a17.82513,17.82513,0,0,0,15.53141,8.01862c7.8644-.37318,14.41806-5.85973,20.31713-11.07027l17.452-15.4088-11.54987-.55281c-8.30619-.39784-16.82672-.771-24.73813,1.79338s-15.20758,8.72639-16.654,16.91541" data-name="Path 438"
transform="translate(-259.58071 -157.88396)" fill="#e6e6e6"/> d="M310.70569,694.02818a24.21459,24.21459,0,0,0,23.38269-4.11877c8.18977-6.87441,10.758-18.196,12.8467-28.68191l6.17973-31.01657-12.9377,8.90837c-9.30465,6.40641-18.81826,13.01866-25.26011,22.29785s-9.25223,21.94707-4.07792,31.988"
<path id="a14e4330-7125-4e03-a856-d6453c34f6cc-223" data-name="Path 443" transform="translate(-259.58071 -157.88396)"
d="M308.10042,740.55843c7.83972-13.87142,16.93234-29.28794,33.1808-34.21552a37.02609,37.02609,0,0,1,13.95545-1.441c1.48189.128,1.11179,2.41174-.367,2.28454a34.39833,34.39833,0,0,0-22.27164,5.89215c-6.27994,4.27453-11.16975,10.21755-15.30781,16.51907-2.53511,3.86051-4.80576,7.88445-7.07642,11.903C309.48824,742.78513,307.36641,741.85759,308.10042,740.55843Z" fill="#e6e6e6"
transform="translate(-259.58071 -157.88396)" fill="#f2f2f2"/> />
<path id="ac20a106-7eb8-4a45-8835-674ef3bf3222-224" data-name="Path 141" <path
d="M935.3957,569.31654H503.18092a5.03014,5.03014,0,0,1-5.02359-5.02359V162.90754a5.03017,5.03017,0,0,1,5.02359-5.02358H935.3957a5.03017,5.03017,0,0,1,5.02359,5.02358V564.292a5.02922,5.02922,0,0,1-5.02359,5.02359Z" id="f4ad1d06-bd03-4ced-a5c4-c19a65ab4ee5-221"
transform="translate(-259.58071 -157.88396)" fill="#fff"/> data-name="Path 439"
<path id="a8878079-c7cd-406f-a434-8b15b914b9b4-225" data-name="Path 141" d="M312.7034,733.73874c-1.62839-11.86368-3.30382-23.88078-2.15884-35.87167,1.01467-10.64932,4.26373-21.04881,10.87831-29.57938a49.20592,49.20592,0,0,1,12.62466-11.44039c1.26215-.79648,2.42409,1.20354,1.16733,1.997a46.77949,46.77949,0,0,0-18.50446,22.32562c-4.02857,10.24607-4.67545,21.41582-3.98154,32.3003.41944,6.58218,1.31074,13.1212,2.20588,19.65251a1.19817,1.19817,0,0,1-.808,1.42251,1.16348,1.16348,0,0,1-1.42253-.808Z"
d="M935.3957,569.31654H503.18092a5.03014,5.03014,0,0,1-5.02359-5.02359V162.90754a5.03017,5.03017,0,0,1,5.02359-5.02358H935.3957a5.03017,5.03017,0,0,1,5.02359,5.02358V564.292a5.02922,5.02922,0,0,1-5.02359,5.02359ZM503.18092,159.88944a3.01808,3.01808,0,0,0-3.01152,3.01151V564.292a3.01808,3.01808,0,0,0,3.01152,3.01152H935.3957a3.01717,3.01717,0,0,0,3.01153-3.01152V162.90754a3.01809,3.01809,0,0,0-3.01153-3.01151Z" transform="translate(-259.58071 -157.88396)"
transform="translate(-259.58071 -157.88396)" fill="#cacaca"/> fill="#f2f2f2"
<path id="af64f961-e9a2-4c53-a333-5060c7f850d2-226" data-name="Path 142" />
d="M707.41023,262.18528a3.41053,3.41053,0,0,0,0,6.82105H894.55305a3.41053,3.41053,0,0,0,0-6.82105Z" <path
transform="translate(-259.58071 -157.88396)" fill="#e4e4e4"/> id="baf785f8-b4c6-42cf-85bd-8a16037845f7-222"
<path id="baad4cfb-158d-4439-9cc3-22475bf47b22-227" data-name="Path 143" data-name="Path 442"
d="M707.41023,282.65037a3.41054,3.41054,0,0,0,0,6.82106h95.54019a3.41054,3.41054,0,0,0,0-6.82106Z" d="M324.42443,714.70229a17.82513,17.82513,0,0,0,15.53141,8.01862c7.8644-.37318,14.41806-5.85973,20.31713-11.07027l17.452-15.4088-11.54987-.55281c-8.30619-.39784-16.82672-.771-24.73813,1.79338s-15.20758,8.72639-16.654,16.91541"
transform="translate(-259.58071 -157.88396)" fill="#e4e4e4"/> transform="translate(-259.58071 -157.88396)"
<path id="f3456279-91e5-49ad-aa43-9838b26fb6ca-228" data-name="Path 142" fill="#e6e6e6"
d="M543.84146,392.7046a3.41054,3.41054,0,0,0,0,6.82106h350.8937a3.41054,3.41054,0,0,0,0-6.82106Z" />
transform="translate(-259.58071 -157.88396)" fill="#e4e4e4"/> <path
<path id="a3288adf-49f8-485f-8ae9-1e4f1a13d849-229" data-name="Path 143" id="a14e4330-7125-4e03-a856-d6453c34f6cc-223"
d="M543.84146,413.1697a3.41054,3.41054,0,0,0,0,6.82106H803.13254a3.41054,3.41054,0,0,0,0-6.82106Z" data-name="Path 443"
transform="translate(-259.58071 -157.88396)" fill="#e4e4e4"/> d="M308.10042,740.55843c7.83972-13.87142,16.93234-29.28794,33.1808-34.21552a37.02609,37.02609,0,0,1,13.95545-1.441c1.48189.128,1.11179,2.41174-.367,2.28454a34.39833,34.39833,0,0,0-22.27164,5.89215c-6.27994,4.27453-11.16975,10.21755-15.30781,16.51907-2.53511,3.86051-4.80576,7.88445-7.07642,11.903C309.48824,742.78513,307.36641,741.85759,308.10042,740.55843Z"
<path id="e63a5b48-5a7d-40a2-b9b0-6adec326348a-230" data-name="Path 142" transform="translate(-259.58071 -157.88396)"
d="M543.84146,433.17177a3.41054,3.41054,0,0,0,0,6.82106h350.8937a3.41054,3.41054,0,0,0,0-6.82106Z" fill="#f2f2f2"
transform="translate(-259.58071 -157.88396)" fill="#e4e4e4"/> />
<path id="a1c669b4-dfc3-4cfa-a7be-66b71399844d-231" data-name="Path 143" <path
d="M543.84146,453.63687a3.41054,3.41054,0,0,0,0,6.82106H803.13254a3.41054,3.41054,0,0,0,0-6.82106Z" id="ac20a106-7eb8-4a45-8835-674ef3bf3222-224"
transform="translate(-259.58071 -157.88396)" fill="#e4e4e4"/> data-name="Path 141"
<path id="bfec50d1-ffb1-4de6-a9ef-a1085e40e016-232" data-name="Path 142" d="M935.3957,569.31654H503.18092a5.03014,5.03014,0,0,1-5.02359-5.02359V162.90754a5.03017,5.03017,0,0,1,5.02359-5.02358H935.3957a5.03017,5.03017,0,0,1,5.02359,5.02358V564.292a5.02922,5.02922,0,0,1-5.02359,5.02359Z"
d="M543.84146,474.17177a3.41054,3.41054,0,0,0,0,6.82106h350.8937a3.41054,3.41054,0,0,0,0-6.82106Z" transform="translate(-259.58071 -157.88396)"
transform="translate(-259.58071 -157.88396)" fill="#e4e4e4"/> fill="#fff"
<path id="bc9696ec-ec99-41d5-9116-3ad9737a38ac-233" data-name="Path 143" />
d="M543.84146,494.63687a3.41054,3.41054,0,0,0,0,6.82106H803.13254a3.41054,3.41054,0,0,0,0-6.82106Z" <path
transform="translate(-259.58071 -157.88396)" fill="#e4e4e4"/> id="a8878079-c7cd-406f-a434-8b15b914b9b4-225"
<path d="M599.41943,324.82812a49,49,0,1,1,48.99952-49A49.05567,49.05567,0,0,1,599.41943,324.82812Z" data-name="Path 141"
transform="translate(-259.58071 -157.88396)" fill={fillColor}/> d="M935.3957,569.31654H503.18092a5.03014,5.03014,0,0,1-5.02359-5.02359V162.90754a5.03017,5.03017,0,0,1,5.02359-5.02358H935.3957a5.03017,5.03017,0,0,1,5.02359,5.02358V564.292a5.02922,5.02922,0,0,1-5.02359,5.02359ZM503.18092,159.88944a3.01808,3.01808,0,0,0-3.01152,3.01151V564.292a3.01808,3.01808,0,0,0,3.01152,3.01152H935.3957a3.01717,3.01717,0,0,0,3.01153-3.01152V162.90754a3.01809,3.01809,0,0,0-3.01153-3.01151Z"
transform="translate(-259.58071 -157.88396)"
fill="#cacaca"
/>
<path
id="af64f961-e9a2-4c53-a333-5060c7f850d2-226"
data-name="Path 142"
d="M707.41023,262.18528a3.41053,3.41053,0,0,0,0,6.82105H894.55305a3.41053,3.41053,0,0,0,0-6.82105Z"
transform="translate(-259.58071 -157.88396)"
fill="#e4e4e4"
/>
<path
id="baad4cfb-158d-4439-9cc3-22475bf47b22-227"
data-name="Path 143"
d="M707.41023,282.65037a3.41054,3.41054,0,0,0,0,6.82106h95.54019a3.41054,3.41054,0,0,0,0-6.82106Z"
transform="translate(-259.58071 -157.88396)"
fill="#e4e4e4"
/>
<path
id="f3456279-91e5-49ad-aa43-9838b26fb6ca-228"
data-name="Path 142"
d="M543.84146,392.7046a3.41054,3.41054,0,0,0,0,6.82106h350.8937a3.41054,3.41054,0,0,0,0-6.82106Z"
transform="translate(-259.58071 -157.88396)"
fill="#e4e4e4"
/>
<path
id="a3288adf-49f8-485f-8ae9-1e4f1a13d849-229"
data-name="Path 143"
d="M543.84146,413.1697a3.41054,3.41054,0,0,0,0,6.82106H803.13254a3.41054,3.41054,0,0,0,0-6.82106Z"
transform="translate(-259.58071 -157.88396)"
fill="#e4e4e4"
/>
<path
id="e63a5b48-5a7d-40a2-b9b0-6adec326348a-230"
data-name="Path 142"
d="M543.84146,433.17177a3.41054,3.41054,0,0,0,0,6.82106h350.8937a3.41054,3.41054,0,0,0,0-6.82106Z"
transform="translate(-259.58071 -157.88396)"
fill="#e4e4e4"
/>
<path
id="a1c669b4-dfc3-4cfa-a7be-66b71399844d-231"
data-name="Path 143"
d="M543.84146,453.63687a3.41054,3.41054,0,0,0,0,6.82106H803.13254a3.41054,3.41054,0,0,0,0-6.82106Z"
transform="translate(-259.58071 -157.88396)"
fill="#e4e4e4"
/>
<path
id="bfec50d1-ffb1-4de6-a9ef-a1085e40e016-232"
data-name="Path 142"
d="M543.84146,474.17177a3.41054,3.41054,0,0,0,0,6.82106h350.8937a3.41054,3.41054,0,0,0,0-6.82106Z"
transform="translate(-259.58071 -157.88396)"
fill="#e4e4e4"
/>
<path
id="bc9696ec-ec99-41d5-9116-3ad9737a38ac-233"
data-name="Path 143"
d="M543.84146,494.63687a3.41054,3.41054,0,0,0,0,6.82106H803.13254a3.41054,3.41054,0,0,0,0-6.82106Z"
transform="translate(-259.58071 -157.88396)"
fill="#e4e4e4"
/>
<path
d="M599.41943,324.82812a49,49,0,1,1,48.99952-49A49.05567,49.05567,0,0,1,599.41943,324.82812Z"
transform="translate(-259.58071 -157.88396)"
fill={fillColor}
/>
<path <path
d="M450.67833,510.10041a12.24754,12.24754,0,0,0-14.953-11.36231l-16.19641-22.82521-16.27138,6.45945,23.32519,31.91237a12.31392,12.31392,0,0,0,24.09559-4.1843Z" d="M450.67833,510.10041a12.24754,12.24754,0,0,0-14.953-11.36231l-16.19641-22.82521-16.27138,6.45945,23.32519,31.91237a12.31392,12.31392,0,0,0,24.09559-4.1843Z"
transform="translate(-259.58071 -157.88396)" fill="#a0616a"/> transform="translate(-259.58071 -157.88396)"
fill="#a0616a"
/>
<path <path
d="M419.11211,508.40888l-49.00774-63.57777L388.46714,387.12c1.34563-14.50936,10.425-18.56089,10.81135-18.72645l.5893-.25281,15.979,42.6119-11.73235,31.28625,28.79671,48.4319Z" d="M419.11211,508.40888l-49.00774-63.57777L388.46714,387.12c1.34563-14.50936,10.425-18.56089,10.81135-18.72645l.5893-.25281,15.979,42.6119-11.73235,31.28625,28.79671,48.4319Z"
transform="translate(-259.58071 -157.88396)" fill="#3f3d56"/> transform="translate(-259.58071 -157.88396)"
fill="#3f3d56"
/>
<path <path
d="M589.30794,312.41993a12.24758,12.24758,0,0,0-10.17219,15.78672l-21.50463,17.91269,7.69816,15.72326,30.01343-25.72272a12.31392,12.31392,0,0,0-6.03477-23.69995Z" d="M589.30794,312.41993a12.24758,12.24758,0,0,0-10.17219,15.78672l-21.50463,17.91269,7.69816,15.72326,30.01343-25.72272a12.31392,12.31392,0,0,0-6.03477-23.69995Z"
transform="translate(-259.58071 -157.88396)" fill="#a0616a"/> transform="translate(-259.58071 -157.88396)"
fill="#a0616a"
/>
<path <path
d="M590.06206,344.02244l-59.59835,53.77665-58.95815-13.84578c-14.57-.21979-19.31136-8.9587-19.50629-9.33113l-.29761-.568,41.2489-19.22578,32.0997,9.27828,46.06046-32.45509Z" d="M590.06206,344.02244l-59.59835,53.77665-58.95815-13.84578c-14.57-.21979-19.31136-8.9587-19.50629-9.33113l-.29761-.568,41.2489-19.22578,32.0997,9.27828,46.06046-32.45509Z"
transform="translate(-259.58071 -157.88396)" fill="#3f3d56"/> transform="translate(-259.58071 -157.88396)"
<polygon points="227.248 568.437 243.261 568.436 250.878 506.672 227.245 506.673 227.248 568.437" fill="#3f3d56"
fill="#a0616a"/> />
<polygon
points="227.248 568.437 243.261 568.436 250.878 506.672 227.245 506.673 227.248 568.437"
fill="#a0616a"
/>
<path <path
d="M483.39733,721.74476h50.32614a0,0,0,0,1,0,0V741.189a0,0,0,0,1,0,0h-36.207a14.11914,14.11914,0,0,1-14.11914-14.11914v-5.32505A0,0,0,0,1,483.39733,721.74476Z" d="M483.39733,721.74476h50.32614a0,0,0,0,1,0,0V741.189a0,0,0,0,1,0,0h-36.207a14.11914,14.11914,0,0,1-14.11914-14.11914v-5.32505A0,0,0,0,1,483.39733,721.74476Z"
transform="translate(757.57348 1305.02654) rotate(179.99738)" fill="#2f2e41"/> transform="translate(757.57348 1305.02654) rotate(179.99738)"
<polygon points="163.247 568.437 179.26 568.436 186.878 506.672 163.245 506.673 163.247 568.437" fill="#2f2e41"
fill="#a0616a"/> />
<polygon
points="163.247 568.437 179.26 568.436 186.878 506.672 163.245 506.673 163.247 568.437"
fill="#a0616a"
/>
<path <path
d="M419.397,721.74476H469.7231a0,0,0,0,1,0,0V741.189a0,0,0,0,1,0,0h-36.207A14.11914,14.11914,0,0,1,419.397,727.06981v-5.32505a0,0,0,0,1,0,0Z" d="M419.397,721.74476H469.7231a0,0,0,0,1,0,0V741.189a0,0,0,0,1,0,0h-36.207A14.11914,14.11914,0,0,1,419.397,727.06981v-5.32505a0,0,0,0,1,0,0Z"
transform="translate(629.57273 1305.02946) rotate(179.99738)" fill="#2f2e41"/> transform="translate(629.57273 1305.02946) rotate(179.99738)"
fill="#2f2e41"
/>
<polygon <polygon
points="157.552 342.991 158.858 434.42 160.165 554.584 188.899 551.972 203.267 386.094 221.553 551.972 251.218 551.972 254.206 384.788 243.757 348.216 157.552 342.991" points="157.552 342.991 158.858 434.42 160.165 554.584 188.899 551.972 203.267 386.094 221.553 551.972 251.218 551.972 254.206 384.788 243.757 348.216 157.552 342.991"
fill="#2f2e41"/> fill="#2f2e41"
/>
<path <path
d="M473.37417,513.1531c-31.26533.00239-60.04471-14.14839-60.43319-14.34263l-.32273-.16136-2.62373-62.96637c-.76082-2.22509-15.74263-46.13091-18.28-60.08625-2.57083-14.13882,34.68842-26.54742,39.213-27.99853l1.02678-11.37405,41.75366-4.49918,5.292,14.5536,14.97942,5.6168a7.40924,7.40924,0,0,1,4.59212,8.7043l-8.32539,33.85619,20.33325,112.01266-4.37755.18946C495.709,511.39658,484.38425,513.1525,473.37417,513.1531Z" d="M473.37417,513.1531c-31.26533.00239-60.04471-14.14839-60.43319-14.34263l-.32273-.16136-2.62373-62.96637c-.76082-2.22509-15.74263-46.13091-18.28-60.08625-2.57083-14.13882,34.68842-26.54742,39.213-27.99853l1.02678-11.37405,41.75366-4.49918,5.292,14.5536,14.97942,5.6168a7.40924,7.40924,0,0,1,4.59212,8.7043l-8.32539,33.85619,20.33325,112.01266-4.37755.18946C495.709,511.39658,484.38425,513.1525,473.37417,513.1531Z"
transform="translate(-259.58071 -157.88396)" fill="#3f3d56"/> transform="translate(-259.58071 -157.88396)"
<circle cx="454.46738" cy="294.45965" r="30.06284" fill="#3f3d56"
transform="matrix(0.87745, -0.47966, 0.47966, 0.87745, -345.12824, 96.19037)" fill="#a0616a"/> />
<circle
cx="454.46738"
cy="294.45965"
r="30.06284"
transform="matrix(0.87745, -0.47966, 0.47966, 0.87745, -345.12824, 96.19037)"
fill="#a0616a"
/>
<path <path
d="M430.1166,323.56132c5.72926,6.10289,16.36927,2.82672,17.1158-5.51069a10.07153,10.07153,0,0,0-.01268-1.94523c-.38544-3.69311-2.519-7.046-2.008-10.94542a5.73974,5.73974,0,0,1,1.05046-2.687c4.56548-6.11359,15.28263,2.73444,19.59138-2.8,2.642-3.39359-.46364-8.73664,1.56381-12.52956,2.67591-5.006,10.60183-2.53654,15.57222-5.27809,5.53017-3.05032,5.1994-11.53517,1.55907-16.6961-4.43955-6.294-12.22348-9.65241-19.91044-10.13643s-15.32094,1.59394-22.4974,4.39069c-8.15392,3.17767-16.23969,7.56925-21.25749,14.739-6.10218,8.71919-6.68942,20.44132-3.6376,30.63677C419.10222,311.0013,425.43805,318.57766,430.1166,323.56132Z" d="M430.1166,323.56132c5.72926,6.10289,16.36927,2.82672,17.1158-5.51069a10.07153,10.07153,0,0,0-.01268-1.94523c-.38544-3.69311-2.519-7.046-2.008-10.94542a5.73974,5.73974,0,0,1,1.05046-2.687c4.56548-6.11359,15.28263,2.73444,19.59138-2.8,2.642-3.39359-.46364-8.73664,1.56381-12.52956,2.67591-5.006,10.60183-2.53654,15.57222-5.27809,5.53017-3.05032,5.1994-11.53517,1.55907-16.6961-4.43955-6.294-12.22348-9.65241-19.91044-10.13643s-15.32094,1.59394-22.4974,4.39069c-8.15392,3.17767-16.23969,7.56925-21.25749,14.739-6.10218,8.71919-6.68942,20.44132-3.6376,30.63677C419.10222,311.0013,425.43805,318.57766,430.1166,323.56132Z"
transform="translate(-259.58071 -157.88396)" fill="#2f2e41"/> transform="translate(-259.58071 -157.88396)"
<path d="M641.58071,741.9626h-381a1,1,0,0,1,0-2h381a1,1,0,0,1,0,2Z" fill="#2f2e41"
transform="translate(-259.58071 -157.88396)" fill="#cacaca"/> />
<path
d="M641.58071,741.9626h-381a1,1,0,0,1,0-2h381a1,1,0,0,1,0,2Z"
transform="translate(-259.58071 -157.88396)"
fill="#cacaca"
/>
<path <path
d="M596.58984,294.33545a3.488,3.488,0,0,1-2.38134-.93555l-16.15723-15.00732a3.49994,3.49994,0,0,1,4.76367-5.12891l13.68555,12.71192,27.07666-27.07618a3.5,3.5,0,1,1,4.94922,4.9502l-29.46094,29.46094A3.49275,3.49275,0,0,1,596.58984,294.33545Z" d="M596.58984,294.33545a3.488,3.488,0,0,1-2.38134-.93555l-16.15723-15.00732a3.49994,3.49994,0,0,1,4.76367-5.12891l13.68555,12.71192,27.07666-27.07618a3.5,3.5,0,1,1,4.94922,4.9502l-29.46094,29.46094A3.49275,3.49275,0,0,1,596.58984,294.33545Z"
transform="translate(-259.58071 -157.88396)" fill="#fff"/> transform="translate(-259.58071 -157.88396)"
fill="#fff"
/>
</svg> </svg>
) );
} };
export default SvgDone export default SvgDone;

394
src/core/components/svgs/SvgLoading.jsx
View File

@@ -1,136 +1,292 @@
import {useTheme} from "@mui/material"; import { useTheme } from "@mui/material";
const SvgLoading = ({width, height}) => { const SvgLoading = ({ width, height }) => {
const theme = useTheme() const theme = useTheme();
const fillColor = theme.palette.primary.main const fillColor = theme.palette.primary.main;
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height} <svg
viewBox="0 0 693.97296 712.57302"> xmlns="http://www.w3.org/2000/svg"
<path id="a7e0d23c-0c47-41f1-93b9-87dfccd4c0f5-182" data-name="Path 968" data-name="Layer 1"
d="M752.75753,262.60547h-3.9v-106.977a61.915,61.915,0,0,0-61.915-61.915h-226.65a61.915,61.915,0,0,0-61.916,61.914v586.884a61.915,61.915,0,0,0,61.915,61.915h226.648a61.915,61.915,0,0,0,61.915-61.915v-403.758h3.9Z" width={width}
transform="translate(-253.01352 -93.71349)" fill="#3f3d56"/> height={height}
<path id="a1ad11fc-8226-4675-bbe0-e36020d9de96-183" data-name="Path 969" viewBox="0 0 693.97296 712.57302"
d="M736.15756,151.48149v595.175a46.959,46.959,0,0,1-46.942,46.952h-231.3a46.966,46.966,0,0,1-46.973-46.952v-595.175a46.965,46.965,0,0,1,46.971-46.951h28.058a22.329,22.329,0,0,0,20.656,30.74h131.868a22.329,22.329,0,0,0,20.656-30.74h30.055a46.959,46.959,0,0,1,46.951,46.942Z" >
transform="translate(-253.01352 -93.71349)" fill="#fff"/> <path
<path id="a71e44ec-7616-4081-86af-b6db32cd39f3-184" data-name="Path 39" id="a7e0d23c-0c47-41f1-93b9-87dfccd4c0f5-182"
d="M678.82353,494.30947h-205.537a3.81,3.81,0,0,1-3.806-3.806V439.51949a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985a3.811,3.811,0,0,1-3.806,3.806Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z" data-name="Path 968"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> d="M752.75753,262.60547h-3.9v-106.977a61.915,61.915,0,0,0-61.915-61.915h-226.65a61.915,61.915,0,0,0-61.916,61.914v586.884a61.915,61.915,0,0,0,61.915,61.915h226.648a61.915,61.915,0,0,0,61.915-61.915v-403.758h3.9Z"
<path id="a3f57aef-fb20-4553-8f82-b751eb5ec42c-185" data-name="Path 40" transform="translate(-253.01352 -93.71349)"
d="M536.85153,454.07448a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00221-.11712-.0019h-125.692Z" fill="#3f3d56"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> />
<path id="a617e1da-1a45-4bf0-a146-8b20186fa5b6-186" data-name="Path 41" <path
d="M536.85153,470.05846a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00219-.11712-.00189h-125.692Z" id="a1ad11fc-8226-4675-bbe0-e36020d9de96-183"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> data-name="Path 969"
<path id="f83fafa3-5270-49ac-8952-eedc3d6c92ed-187" data-name="Path 42" d="M736.15756,151.48149v595.175a46.959,46.959,0,0,1-46.942,46.952h-231.3a46.966,46.966,0,0,1-46.973-46.952v-595.175a46.965,46.965,0,0,1,46.971-46.951h28.058a22.329,22.329,0,0,0,20.656,30.74h131.868a22.329,22.329,0,0,0,20.656-30.74h30.055a46.959,46.959,0,0,1,46.951,46.942Z"
d="M678.82353,579.28947h-205.537a3.81,3.81,0,0,1-3.806-3.806V524.49949a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985A3.811,3.811,0,0,1,678.82353,579.28947Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z" transform="translate(-253.01352 -93.71349)"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> fill="#fff"
<path id="b1e095e5-1d51-47f4-b1e9-85a21efab4ec-188" data-name="Path 43" />
d="M536.85153,539.33047a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.087-5.328h-125.692Z" <path
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> id="a71e44ec-7616-4081-86af-b6db32cd39f3-184"
<path id="e7ccabbb-2f45-40c9-adc9-a92013dc0f4d-189" data-name="Path 44" data-name="Path 39"
d="M536.85153,555.3185a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.087-5.328h-125.692Z" d="M678.82353,494.30947h-205.537a3.81,3.81,0,0,1-3.806-3.806V439.51949a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985a3.811,3.811,0,0,1-3.806,3.806Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> transform="translate(-253.01352 -93.71349)"
<path id="ec532991-8ec8-4eba-a86f-87c70c278f41-190" data-name="Path 39-2" fill="#e6e6e6"
d="M678.82353,664.54748h-205.537a3.81,3.81,0,0,1-3.806-3.806V609.7575a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985a3.811,3.811,0,0,1-3.806,3.806Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z" />
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> <path
<path id="a788f10e-f95b-4590-bad9-be702445c232-191" data-name="Path 40-2" id="a3f57aef-fb20-4553-8f82-b751eb5ec42c-185"
d="M536.85153,624.59148a2.66449,2.66449,0,1,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00219-.11712-.00189h-125.692Z" data-name="Path 40"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> d="M536.85153,454.07448a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00221-.11712-.0019h-125.692Z"
<path id="f15a5014-9b42-4c0b-a546-80766b911601-192" data-name="Path 41-2" transform="translate(-253.01352 -93.71349)"
d="M536.85153,640.57846a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.0022-.11712-.00189h-125.692Z" fill="#e6e6e6"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> />
<path id="b97f850c-7352-4ff9-8496-0f681ff3b244-193" data-name="Path 970" <path
d="M945.17252,806.28651h-690.347c-1,0-1.812-.468-1.812-1.045s.812-1.04505,1.812-1.04505H945.17447c1,0,1.812.468,1.812,1.045S946.17252,806.28651,945.17252,806.28651Z" id="a617e1da-1a45-4bf0-a146-8b20186fa5b6-186"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> data-name="Path 41"
d="M536.85153,470.05846a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00219-.11712-.00189h-125.692Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
<path
id="f83fafa3-5270-49ac-8952-eedc3d6c92ed-187"
data-name="Path 42"
d="M678.82353,579.28947h-205.537a3.81,3.81,0,0,1-3.806-3.806V524.49949a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985A3.811,3.811,0,0,1,678.82353,579.28947Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
<path
id="b1e095e5-1d51-47f4-b1e9-85a21efab4ec-188"
data-name="Path 43"
d="M536.85153,539.33047a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.087-5.328h-125.692Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
<path
id="e7ccabbb-2f45-40c9-adc9-a92013dc0f4d-189"
data-name="Path 44"
d="M536.85153,555.3185a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.087-5.328h-125.692Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
<path
id="ec532991-8ec8-4eba-a86f-87c70c278f41-190"
data-name="Path 39-2"
d="M678.82353,664.54748h-205.537a3.81,3.81,0,0,1-3.806-3.806V609.7575a3.811,3.811,0,0,1,3.806-3.806h205.537a3.811,3.811,0,0,1,3.806,3.806v50.985a3.811,3.811,0,0,1-3.806,3.806Zm-205.537-57.074a2.286,2.286,0,0,0-2.284,2.284v50.985a2.286,2.286,0,0,0,2.284,2.284h205.537a2.286,2.286,0,0,0,2.284-2.284v-50.985a2.286,2.286,0,0,0-2.284-2.284Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
<path
id="a788f10e-f95b-4590-bad9-be702445c232-191"
data-name="Path 40-2"
d="M536.85153,624.59148a2.66449,2.66449,0,1,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.00219-.11712-.00189h-125.692Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
<path
id="f15a5014-9b42-4c0b-a546-80766b911601-192"
data-name="Path 41-2"
d="M536.85153,640.57846a2.66449,2.66449,0,0,0,0,5.329h125.605a2.665,2.665,0,0,0,.2041-5.32611q-.0585-.0022-.11712-.00189h-125.692Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
<path
id="b97f850c-7352-4ff9-8496-0f681ff3b244-193"
data-name="Path 970"
d="M945.17252,806.28651h-690.347c-1,0-1.812-.468-1.812-1.045s.812-1.04505,1.812-1.04505H945.17447c1,0,1.812.468,1.812,1.045S946.17252,806.28651,945.17252,806.28651Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
<g id="ac055b4e-9afd-48c4-86db-12c8e2993e8d" data-name="Group 58"> <g id="ac055b4e-9afd-48c4-86db-12c8e2993e8d" data-name="Group 58">
<path id="b77ebe88-e0c7-4a9a-a2fb-b51dce897c46-194" data-name="Path 438" <path
d="M282.08554,765.52248a19.47406,19.47406,0,0,0,18.806-3.313c6.587-5.528,8.652-14.637,10.332-23.07l4.97-24.945-10.405,7.165c-7.483,5.152-15.134,10.47-20.316,17.933s-7.443,17.651-3.28,25.727" id="b77ebe88-e0c7-4a9a-a2fb-b51dce897c46-194"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> data-name="Path 438"
<path id="a8a7bc76-ff28-4167-bc9c-ebff63445848-195" data-name="Path 439" d="M282.08554,765.52248a19.47406,19.47406,0,0,0,18.806-3.313c6.587-5.528,8.652-14.637,10.332-23.07l4.97-24.945-10.405,7.165c-7.483,5.152-15.134,10.47-20.316,17.933s-7.443,17.651-3.28,25.727"
d="M283.69254,797.45852c-1.31-9.542-2.657-19.206-1.738-28.85.816-8.565,3.429-16.93,8.749-23.789a39.57353,39.57353,0,0,1,10.153-9.2c1.015-.641,1.95.968.939,1.606a37.622,37.622,0,0,0-14.885,17.955c-3.24,8.241-3.76,17.224-3.2,25.978.338,5.294,1.053,10.553,1.774,15.806a.964.964,0,0,1-.65,1.144.936.936,0,0,1-1.144-.65Z" transform="translate(-253.01352 -93.71349)"
transform="translate(-253.01352 -93.71349)" fill="#f2f2f2"/> fill="#e6e6e6"
<path id="abfc2b94-a38f-4778-bd11-bd0282c86570-196" data-name="Path 442" />
d="M293.11954,782.1495a14.336,14.336,0,0,0,12.491,6.447c6.323-.3,11.595-4.713,16.34-8.9l14.036-12.392-9.289-.444c-6.68-.32-13.533-.618-19.9,1.442s-12.231,7.018-13.394,13.6" <path
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> id="a8a7bc76-ff28-4167-bc9c-ebff63445848-195"
<path id="ba99c695-899d-4604-b38e-601ed41861fa-197" data-name="Path 443" data-name="Path 439"
d="M279.99051,802.94448c6.3-11.156,13.618-23.555,26.685-27.518a29.77893,29.77893,0,0,1,11.224-1.159c1.192.1.894,1.94-.3,1.837a27.66479,27.66479,0,0,0-17.912,4.739c-5.051,3.438-8.983,8.217-12.311,13.286-2.039,3.1-3.865,6.341-5.691,9.573C281.10352,804.73452,279.4035,803.98946,279.99051,802.94448Z" d="M283.69254,797.45852c-1.31-9.542-2.657-19.206-1.738-28.85.816-8.565,3.429-16.93,8.749-23.789a39.57353,39.57353,0,0,1,10.153-9.2c1.015-.641,1.95.968.939,1.606a37.622,37.622,0,0,0-14.885,17.955c-3.24,8.241-3.76,17.224-3.2,25.978.338,5.294,1.053,10.553,1.774,15.806a.964.964,0,0,1-.65,1.144.936.936,0,0,1-1.144-.65Z"
transform="translate(-253.01352 -93.71349)" fill="#f2f2f2"/> transform="translate(-253.01352 -93.71349)"
fill="#f2f2f2"
/>
<path
id="abfc2b94-a38f-4778-bd11-bd0282c86570-196"
data-name="Path 442"
d="M293.11954,782.1495a14.336,14.336,0,0,0,12.491,6.447c6.323-.3,11.595-4.713,16.34-8.9l14.036-12.392-9.289-.444c-6.68-.32-13.533-.618-19.9,1.442s-12.231,7.018-13.394,13.6"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
<path
id="ba99c695-899d-4604-b38e-601ed41861fa-197"
data-name="Path 443"
d="M279.99051,802.94448c6.3-11.156,13.618-23.555,26.685-27.518a29.77893,29.77893,0,0,1,11.224-1.159c1.192.1.894,1.94-.3,1.837a27.66479,27.66479,0,0,0-17.912,4.739c-5.051,3.438-8.983,8.217-12.311,13.286-2.039,3.1-3.865,6.341-5.691,9.573C281.10352,804.73452,279.4035,803.98946,279.99051,802.94448Z"
transform="translate(-253.01352 -93.71349)"
fill="#f2f2f2"
/>
</g> </g>
<g id="bf60e786-3805-43a5-8cdd-bbea060079bf" data-name="Group 59"> <g id="bf60e786-3805-43a5-8cdd-bbea060079bf" data-name="Group 59">
<circle id="a323e3dd-8f2c-40f7-a0c1-7a235f78e8b7" data-name="Ellipse 5" cx="245.91502" cy="370.985" <circle
r="15.986" id="a323e3dd-8f2c-40f7-a0c1-7a235f78e8b7"
fill={fillColor}/> data-name="Ellipse 5"
<path id="b21d221e-9b86-4bff-9dca-a61a27263db1-198" data-name="Path 40-3" cx="245.91502"
d="M491.27554,461.71247c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.94306,5.94306,0,0,0-.328-2.708h-15.73Z" cy="370.985"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> r="15.986"
fill={fillColor}
/>
<path
id="b21d221e-9b86-4bff-9dca-a61a27263db1-198"
data-name="Path 40-3"
d="M491.27554,461.71247c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.94306,5.94306,0,0,0-.328-2.708h-15.73Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
</g> </g>
<g id="b51141dd-8175-4f5a-b697-41b89601b37f" data-name="Group 60"> <g id="b51141dd-8175-4f5a-b697-41b89601b37f" data-name="Group 60">
<circle id="e363222e-d569-47a6-8bf5-edbaac636a07" data-name="Ellipse 5-2" cx="245.91502" cy="456.278" <circle
r="15.986" id="e363222e-d569-47a6-8bf5-edbaac636a07"
fill={fillColor}/> data-name="Ellipse 5-2"
<path id="bf4b9d9b-b2cd-48cd-bc0b-2e6b007ef33d-199" data-name="Path 40-4" cx="245.91502"
d="M491.27554,547.00547c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.94306,5.94306,0,0,0-.328-2.708h-15.73Z" cy="456.278"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> r="15.986"
fill={fillColor}
/>
<path
id="bf4b9d9b-b2cd-48cd-bc0b-2e6b007ef33d-199"
data-name="Path 40-4"
d="M491.27554,547.00547c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.94306,5.94306,0,0,0-.328-2.708h-15.73Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
</g> </g>
<g id="b35aa588-fd9e-4429-8570-fee6b5da93cc" data-name="Group 61"> <g id="b35aa588-fd9e-4429-8570-fee6b5da93cc" data-name="Group 61">
<circle id="b896a996-d737-41ee-9642-d5eaf8a9fd6b" data-name="Ellipse 5-3" cx="245.91502" cy="541.53599" <circle
r="15.986" fill={fillColor}/> id="b896a996-d737-41ee-9642-d5eaf8a9fd6b"
<path id="f0c90521-3626-484d-9767-39f7327e6a31-200" data-name="Path 40-5" data-name="Ellipse 5-3"
d="M491.27554,632.26346c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.9431,5.9431,0,0,0-.328-2.708h-15.73Z" cx="245.91502"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> cy="541.53599"
r="15.986"
fill={fillColor}
/>
<path
id="f0c90521-3626-484d-9767-39f7327e6a31-200"
data-name="Path 40-5"
d="M491.27554,632.26346c-.184,0-.333,1.193-.333,2.664s.149,2.665.333,2.665h15.719c.184.024.336-1.149.339-2.62a5.9431,5.9431,0,0,0-.328-2.708h-15.73Z"
transform="translate(-253.01352 -93.71349)"
fill="#e6e6e6"
/>
</g> </g>
<path <path
d="M625.19989,350.38193a4.48656,4.48656,0,0,1-4.01245-2.4497,52.87438,52.87438,0,0,0-31.37232-26.41114,59.99908,59.99908,0,0,0-8.408-1.9038l-.57959-.08789L610.74725,225.983l.50586.01758c58.12769,15.79492,91.385,62.38134,100.19336,76.2832a4.49382,4.49382,0,0,1-1.79663,6.42334L627.21918,349.9044A4.50685,4.50685,0,0,1,625.19989,350.38193Z" d="M625.19989,350.38193a4.48656,4.48656,0,0,1-4.01245-2.4497,52.87438,52.87438,0,0,0-31.37232-26.41114,59.99908,59.99908,0,0,0-8.408-1.9038l-.57959-.08789L610.74725,225.983l.50586.01758c58.12769,15.79492,91.385,62.38134,100.19336,76.2832a4.49382,4.49382,0,0,1-1.79663,6.42334L627.21918,349.9044A4.50685,4.50685,0,0,1,625.19989,350.38193Z"
transform="translate(-253.01352 -93.71349)" fill="#e6e6e6"/> transform="translate(-253.01352 -93.71349)"
<path id="e0f3bbc9-2b9f-408e-80ac-e1d5d48fdbc4-201" data-name="Path 2881" fill="#e6e6e6"
d="M804.63654,549.70647a9.27592,9.27592,0,0,1,12.711-6.383l22.283-24.293,4.164,16.616-21.8,20.521a9.326,9.326,0,0,1-17.359-6.462Z" />
transform="translate(-253.01352 -93.71349)" fill="#feb8b8"/> <path
<path id="b7278a0b-1b02-42c5-a26a-5568eba21726-202" data-name="Path 2882" id="e0f3bbc9-2b9f-408e-80ac-e1d5d48fdbc4-201"
d="M852.49454,792.04449h-13.613l-6.478-52.517h20.1Z" transform="translate(-253.01352 -93.71349)" data-name="Path 2881"
fill="#feb8b8"/> d="M804.63654,549.70647a9.27592,9.27592,0,0,1,12.711-6.383l22.283-24.293,4.164,16.616-21.8,20.521a9.326,9.326,0,0,1-17.359-6.462Z"
<path id="ae5e3f59-c07c-4936-a848-b4ed4a22f493-203" data-name="Path 2883" transform="translate(-253.01352 -93.71349)"
d="M855.96756,787.5985h-26.815a17.089,17.089,0,0,0-17.088,17.087v.556h43.9Z" fill="#feb8b8"
transform="translate(-253.01352 -93.71349)" fill="#2f2e41"/> />
<path id="e2dcac65-80ca-45a3-9c58-68329f82aa19-204" data-name="Path 2884" <path
d="M930.68353,778.55646l-12.729,4.832-24.693-46.8,18.787-7.13Z" id="b7278a0b-1b02-42c5-a26a-5568eba21726-202"
transform="translate(-253.01352 -93.71349)" data-name="Path 2882"
fill="#feb8b8"/> d="M852.49454,792.04449h-13.613l-6.478-52.517h20.1Z"
<path id="e33efd2e-5dad-4e18-8ce5-ea4b13e613d2-205" data-name="Path 2885" transform="translate(-253.01352 -93.71349)"
d="M932.35455,773.16747l-25.069,9.515h0a17.089,17.089,0,0,0-9.911,22.039l.2.519,41.045-15.578Z" fill="#feb8b8"
transform="translate(-253.01352 -93.71349)" fill="#2f2e41"/> />
<path id="aea1be6b-88fd-4404-a4b2-fdb70dea932e-206" data-name="Path 2886" <path
d="M885.86453,617.36046l11.283,60.71405s30.625,85.428,28.476,87.577-31.7,9.671-30.088,4.836-35.461-77.369-35.461-77.369Z" id="ae5e3f59-c07c-4936-a848-b4ed4a22f493-203"
transform="translate(-253.01352 -93.71349)" fill="#2f2e41"/> data-name="Path 2883"
<path id="a45d4c0e-5c31-49a4-b00c-14ea50dd8cbe-207" data-name="Path 2887" d="M855.96756,787.5985h-26.815a17.089,17.089,0,0,0-17.088,17.087v.556h43.9Z"
d="M840.10855,507.03047s-22.777,29.774-19.792,31.4,14.547,10.236,14.547,10.236l11.764-32.284Z" transform="translate(-253.01352 -93.71349)"
transform="translate(-253.01352 -93.71349)" fill="#e4e4e4"/> fill="#2f2e41"
<path id="ababf4ae-7dbc-4717-bb50-ecd0b5fac405-208" data-name="Path 2888" />
d="M833.74753,537.0825s-3.761,27.939-2.149,33.849.537,173.543-.537,176.229-4.3,11.82-2.686,16.118,23.64,15.044,26.864,11.283,26.866-140.768,26.866-140.768,33.312-82.742,25.79-90.8S833.74753,537.0825,833.74753,537.0825Z" <path
transform="translate(-253.01352 -93.71349)" fill="#2f2e41"/> id="e2dcac65-80ca-45a3-9c58-68329f82aa19-204"
<circle id="a4a0a325-f198-46ef-8204-e1264a7da486" data-name="Ellipse 542" cx="629.07161" cy="237.48247" data-name="Path 2884"
r="26.32701" d="M930.68353,778.55646l-12.729,4.832-24.693-46.8,18.787-7.13Z"
fill="#feb8b8"/> transform="translate(-253.01352 -93.71349)"
<path id="f1bcc5ff-8c37-42ba-ac71-fb7b653723a6-209" data-name="Path 2890" fill="#feb8b8"
d="M854.57553,390.69649a18.66405,18.66405,0,0,1,6-11.04l4.8-14.675h28.209l7.861,12.335c8.5,3.661,14.8,9.467,15.039,16.311,1.3,4.545-4.3,148.828-5.91,154.2-.473,1.564-6.9,2.4-15.936,2.772-8.285.338-18.756.29-28.809.059-16.645-.387-32.162-1.279-34.773-1.757C825.15152,547.82848,853.99054,394.08647,854.57553,390.69649Z" />
transform="translate(-253.01352 -93.71349)" fill="#e4e4e4"/> <path
<path id="f2ae932d-f3ee-421e-b804-f39bdd3d1485-210" data-name="Path 2891" id="e33efd2e-5dad-4e18-8ce5-ea4b13e613d2-205"
d="M879.51553,582.02647a9.276,9.276,0,0,0,1.826-14.106l15.569-29.056-17.059,1.558-12.168,27.352a9.326,9.326,0,0,0,11.833,14.251Z" data-name="Path 2885"
transform="translate(-253.01352 -93.71349)" fill="#feb8b8"/> d="M932.35455,773.16747l-25.069,9.515h0a17.089,17.089,0,0,0-9.911,22.039l.2.519,41.045-15.578Z"
<path id="a13bc27c-3d22-450d-9b6a-4857ac9e22b6-211" data-name="Path 2893" transform="translate(-253.01352 -93.71349)"
d="M882.10355,374.82347s-24.715,10.208-15.581,36,19.342,56.415,19.342,56.415-12.895,69.31-12.895,72-8.059,17.193-4.836,19.88,24.715,8.059,25.252,5.373a181.71945,181.71945,0,0,1,5.91-18.268c1.075-2.149,26.327-69.31,23.1-75.22-2.372-4.349-4.454-44.2-5.388-64.939a34.107,34.107,0,0,0-17.781-28.715C894.22256,374.68749,888.39056,373.25148,882.10355,374.82347Z" fill="#2f2e41"
transform="translate(-253.01352 -93.71349)" fill="#e4e4e4"/> />
<path id="a3aad1c3-1778-4515-92de-8de9e018032c-212" data-name="Path 2800" <path
d="M892.21851,342.96248c-2-.922-4.317-1.113-6.479-1.686-7.734-2.052-12.916-9.689-11.261-16.6a7.47905,7.47905,0,0,0,.406-2.736c-.289-2.047-2.687-3.368-4.986-3.837s-4.746-.4-6.943-1.155a9.39,9.39,0,0,1-6.136-7.366,13.67394,13.67394,0,0,1,2.327-9.171l.831,2.088a7.77124,7.77124,0,0,0,2.714-3.545,5.5,5.5,0,0,1,4.26,2.992c1.333.687,1.525-2.133,3-2.549a2.945,2.945,0,0,1,1.838.4c2.967,1.209,6.414.175,9.6-.495a41.22185,41.22185,0,0,1,16.771-.017c3.663.763,7.29,2.093,9.912,4.455a20.35,20.35,0,0,1,4.636,6.96c2.812,6.182,4.669,12.871,3.741,19.473a26.05108,26.05108,0,0,1-7.436,14.6c-2.123,2.137-9.05,9.591-12.848,8.321C891.38751,351.49449,897.84155,345.5595,892.21851,342.96248Z" id="aea1be6b-88fd-4404-a4b2-fdb70dea932e-206"
transform="translate(-253.01352 -93.71349)" fill="#2f2e41"/> data-name="Path 2886"
<circle cx="321.97861" cy="266.45946" r="8" fill="#3f3d56"/> d="M885.86453,617.36046l11.283,60.71405s30.625,85.428,28.476,87.577-31.7,9.671-30.088,4.836-35.461-77.369-35.461-77.369Z"
transform="translate(-253.01352 -93.71349)"
fill="#2f2e41"
/>
<path
id="a45d4c0e-5c31-49a4-b00c-14ea50dd8cbe-207"
data-name="Path 2887"
d="M840.10855,507.03047s-22.777,29.774-19.792,31.4,14.547,10.236,14.547,10.236l11.764-32.284Z"
transform="translate(-253.01352 -93.71349)"
fill="#e4e4e4"
/>
<path
id="ababf4ae-7dbc-4717-bb50-ecd0b5fac405-208"
data-name="Path 2888"
d="M833.74753,537.0825s-3.761,27.939-2.149,33.849.537,173.543-.537,176.229-4.3,11.82-2.686,16.118,23.64,15.044,26.864,11.283,26.866-140.768,26.866-140.768,33.312-82.742,25.79-90.8S833.74753,537.0825,833.74753,537.0825Z"
transform="translate(-253.01352 -93.71349)"
fill="#2f2e41"
/>
<circle
id="a4a0a325-f198-46ef-8204-e1264a7da486"
data-name="Ellipse 542"
cx="629.07161"
cy="237.48247"
r="26.32701"
fill="#feb8b8"
/>
<path
id="f1bcc5ff-8c37-42ba-ac71-fb7b653723a6-209"
data-name="Path 2890"
d="M854.57553,390.69649a18.66405,18.66405,0,0,1,6-11.04l4.8-14.675h28.209l7.861,12.335c8.5,3.661,14.8,9.467,15.039,16.311,1.3,4.545-4.3,148.828-5.91,154.2-.473,1.564-6.9,2.4-15.936,2.772-8.285.338-18.756.29-28.809.059-16.645-.387-32.162-1.279-34.773-1.757C825.15152,547.82848,853.99054,394.08647,854.57553,390.69649Z"
transform="translate(-253.01352 -93.71349)"
fill="#e4e4e4"
/>
<path
id="f2ae932d-f3ee-421e-b804-f39bdd3d1485-210"
data-name="Path 2891"
d="M879.51553,582.02647a9.276,9.276,0,0,0,1.826-14.106l15.569-29.056-17.059,1.558-12.168,27.352a9.326,9.326,0,0,0,11.833,14.251Z"
transform="translate(-253.01352 -93.71349)"
fill="#feb8b8"
/>
<path
id="a13bc27c-3d22-450d-9b6a-4857ac9e22b6-211"
data-name="Path 2893"
d="M882.10355,374.82347s-24.715,10.208-15.581,36,19.342,56.415,19.342,56.415-12.895,69.31-12.895,72-8.059,17.193-4.836,19.88,24.715,8.059,25.252,5.373a181.71945,181.71945,0,0,1,5.91-18.268c1.075-2.149,26.327-69.31,23.1-75.22-2.372-4.349-4.454-44.2-5.388-64.939a34.107,34.107,0,0,0-17.781-28.715C894.22256,374.68749,888.39056,373.25148,882.10355,374.82347Z"
transform="translate(-253.01352 -93.71349)"
fill="#e4e4e4"
/>
<path
id="a3aad1c3-1778-4515-92de-8de9e018032c-212"
data-name="Path 2800"
d="M892.21851,342.96248c-2-.922-4.317-1.113-6.479-1.686-7.734-2.052-12.916-9.689-11.261-16.6a7.47905,7.47905,0,0,0,.406-2.736c-.289-2.047-2.687-3.368-4.986-3.837s-4.746-.4-6.943-1.155a9.39,9.39,0,0,1-6.136-7.366,13.67394,13.67394,0,0,1,2.327-9.171l.831,2.088a7.77124,7.77124,0,0,0,2.714-3.545,5.5,5.5,0,0,1,4.26,2.992c1.333.687,1.525-2.133,3-2.549a2.945,2.945,0,0,1,1.838.4c2.967,1.209,6.414.175,9.6-.495a41.22185,41.22185,0,0,1,16.771-.017c3.663.763,7.29,2.093,9.912,4.455a20.35,20.35,0,0,1,4.636,6.96c2.812,6.182,4.669,12.871,3.741,19.473a26.05108,26.05108,0,0,1-7.436,14.6c-2.123,2.137-9.05,9.591-12.848,8.321C891.38751,351.49449,897.84155,345.5595,892.21851,342.96248Z"
transform="translate(-253.01352 -93.71349)"
fill="#2f2e41"
/>
<circle cx="321.97861" cy="266.45946" r="8" fill="#3f3d56" />
<path <path
d="M521.30463,350.26524a4.492,4.492,0,0,1-2.1001-.52442l-81.95288-43.23437a4.5,4.5,0,0,1-1.74121-6.32471,181.66635,181.66635,0,0,1,40.991-45.9751c28.30152-22.43066,60.4939-33.68408,95.678-33.49512a151.88378,151.88378,0,0,1,39.064,5.28858l.50464.13672-29.927,93.541-.42114-.06347a66.68158,66.68158,0,0,0-8.13867-.72168c-30.45068-.85938-43.64649,19.876-47.90772,28.82959a4.41453,4.41453,0,0,1-2.62011,2.31005A4.52734,4.52734,0,0,1,521.30463,350.26524Z" d="M521.30463,350.26524a4.492,4.492,0,0,1-2.1001-.52442l-81.95288-43.23437a4.5,4.5,0,0,1-1.74121-6.32471,181.66635,181.66635,0,0,1,40.991-45.9751c28.30152-22.43066,60.4939-33.68408,95.678-33.49512a151.88378,151.88378,0,0,1,39.064,5.28858l.50464.13672-29.927,93.541-.42114-.06347a66.68158,66.68158,0,0,0-8.13867-.72168c-30.45068-.85938-43.64649,19.876-47.90772,28.82959a4.41453,4.41453,0,0,1-2.62011,2.31005A4.52734,4.52734,0,0,1,521.30463,350.26524Z"
transform="translate(-253.01352 -93.71349)" fill={fillColor}/> transform="translate(-253.01352 -93.71349)"
<path d="M611.122,226.483l-21.15967,94.56a60.38421,60.38421,0,0,0-8.48-1.92l29.62988-92.64Z" fill={fillColor}
transform="translate(-253.01352 -93.71349)" fill="#3f3d56"/> />
<path
d="M611.122,226.483l-21.15967,94.56a60.38421,60.38421,0,0,0-8.48-1.92l29.62988-92.64Z"
transform="translate(-253.01352 -93.71349)"
fill="#3f3d56"
/>
</svg> </svg>
) );
} };
export default SvgLoading export default SvgLoading;

117
src/core/components/svgs/SvgLogin.jsx
View File

@@ -1,75 +1,116 @@
import {useTheme} from "@mui/material"; import { useTheme } from "@mui/material";
const SvgLogin = ({width, height}) => { const SvgLogin = ({ width, height }) => {
const theme = useTheme() const theme = useTheme();
const fillColor = theme.palette.primary.main const fillColor = theme.palette.primary.main;
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height} <svg
viewBox="0 0 869.99994 520.13854"> xmlns="http://www.w3.org/2000/svg"
data-name="Layer 1"
width={width}
height={height}
viewBox="0 0 869.99994 520.13854"
>
<path <path
d="M831.09242,704.18737c-11.13833-9.4118-17.90393-24.27967-16.12965-38.75366s12.76358-27.78,27.01831-30.85364,30.50415,5.43465,34.83378,19.3594c2.3828-26.84637,5.12854-54.81757,19.40179-77.67976,12.92407-20.70115,35.3088-35.51364,59.5688-38.16357s49.80265,7.35859,64.93272,26.50671,18.83461,46.98549,8.2379,68.96911c-7.80623,16.19456-22.188,28.24676-37.2566,38.05184a240.45181,240.45181,0,0,1-164.45376,35.97709Z" d="M831.09242,704.18737c-11.13833-9.4118-17.90393-24.27967-16.12965-38.75366s12.76358-27.78,27.01831-30.85364,30.50415,5.43465,34.83378,19.3594c2.3828-26.84637,5.12854-54.81757,19.40179-77.67976,12.92407-20.70115,35.3088-35.51364,59.5688-38.16357s49.80265,7.35859,64.93272,26.50671,18.83461,46.98549,8.2379,68.96911c-7.80623,16.19456-22.188,28.24676-37.2566,38.05184a240.45181,240.45181,0,0,1-164.45376,35.97709Z"
transform="translate(-165.00003 -189.93073)" fill="#f2f2f2"/> transform="translate(-165.00003 -189.93073)"
fill="#f2f2f2"
/>
<path <path
d="M996.72788,546.00953a393.41394,393.41394,0,0,0-54.82622,54.44229,394.561,394.561,0,0,0-61.752,103.194c-1.112,2.72484,3.31272,3.911,4.4123,1.21642A392.34209,392.34209,0,0,1,999.96343,549.24507c2.28437-1.86015-.97-5.08035-3.23555-3.23554Z" d="M996.72788,546.00953a393.41394,393.41394,0,0,0-54.82622,54.44229,394.561,394.561,0,0,0-61.752,103.194c-1.112,2.72484,3.31272,3.911,4.4123,1.21642A392.34209,392.34209,0,0,1,999.96343,549.24507c2.28437-1.86015-.97-5.08035-3.23555-3.23554Z"
transform="translate(-165.00003 -189.93073)" fill="#fff"/> transform="translate(-165.00003 -189.93073)"
fill="#fff"
/>
<path <path
d="M445.06712,701.63014c15.2985-12.92712,24.591-33.34815,22.15408-53.22817s-17.53079-38.15588-37.10966-42.37749-41.89745,7.46449-47.8442,26.59014c-3.27278-36.87349-7.04406-75.29195-26.64837-106.69317-17.75122-28.433-48.49666-48.778-81.81777-52.41768s-68.40395,10.107-89.18511,36.407-25.86934,64.53459-11.31476,94.72909c10.72185,22.24324,30.47528,38.79693,51.17195,52.26422,66.02954,42.9653,147.93912,60.88443,225.8773,49.41454" d="M445.06712,701.63014c15.2985-12.92712,24.591-33.34815,22.15408-53.22817s-17.53079-38.15588-37.10966-42.37749-41.89745,7.46449-47.8442,26.59014c-3.27278-36.87349-7.04406-75.29195-26.64837-106.69317-17.75122-28.433-48.49666-48.778-81.81777-52.41768s-68.40395,10.107-89.18511,36.407-25.86934,64.53459-11.31476,94.72909c10.72185,22.24324,30.47528,38.79693,51.17195,52.26422,66.02954,42.9653,147.93912,60.88443,225.8773,49.41454"
transform="translate(-165.00003 -189.93073)" fill="#f2f2f2"/> transform="translate(-165.00003 -189.93073)"
fill="#f2f2f2"
/>
<path <path
d="M217.56676,484.37281a540.35491,540.35491,0,0,1,75.30383,74.77651A548.0761,548.0761,0,0,1,352.25665,647.04a545.835,545.835,0,0,1,25.43041,53.8463c1.52726,3.74257-4.55,5.37169-6.06031,1.67075a536.35952,536.35952,0,0,0-49.009-92.727A539.73411,539.73411,0,0,0,256.889,528.63168a538.44066,538.44066,0,0,0-43.76626-39.81484c-3.13759-2.55492,1.33232-6.97788,4.444-4.444Z" d="M217.56676,484.37281a540.35491,540.35491,0,0,1,75.30383,74.77651A548.0761,548.0761,0,0,1,352.25665,647.04a545.835,545.835,0,0,1,25.43041,53.8463c1.52726,3.74257-4.55,5.37169-6.06031,1.67075a536.35952,536.35952,0,0,0-49.009-92.727A539.73411,539.73411,0,0,0,256.889,528.63168a538.44066,538.44066,0,0,0-43.76626-39.81484c-3.13759-2.55492,1.33232-6.97788,4.444-4.444Z"
transform="translate(-165.00003 -189.93073)" fill="#fff"/> transform="translate(-165.00003 -189.93073)"
fill="#fff"
/>
<path <path
d="M789.5,708.93073h-365v-374.5c0-79.67773,64.82227-144.5,144.49976-144.5h76.00049c79.67749,0,144.49975,64.82227,144.49975,144.5Z" d="M789.5,708.93073h-365v-374.5c0-79.67773,64.82227-144.5,144.49976-144.5h76.00049c79.67749,0,144.49975,64.82227,144.49975,144.5Z"
transform="translate(-165.00003 -189.93073)" fill="#f2f2f2"/> transform="translate(-165.00003 -189.93073)"
fill="#f2f2f2"
/>
<path <path
d="M713.5,708.93073h-289v-374.5a143.38177,143.38177,0,0,1,27.59571-84.94434c.66381-.90478,1.32592-1.79785,2.00878-2.68115a144.46633,144.46633,0,0,1,30.75415-29.85058c.65967-.48,1.322-.95166,1.99415-1.42334a144.15958,144.15958,0,0,1,31.47216-16.459c.66089-.25049,1.33374-.50146,2.00659-.74219a144.01979,144.01979,0,0,1,31.1084-7.33593c.65772-.08985,1.333-.16016,2.0083-.23047a146.28769,146.28769,0,0,1,31.10547,0c.67334.07031,1.34864.14062,2.01416.23144a143.995,143.995,0,0,1,31.10034,7.335c.6731.24073,1.346.4917,2.00879.74268a143.79947,143.79947,0,0,1,31.10645,16.21582c.67163.46143,1.344.93311,2.00635,1.40478a145.987,145.987,0,0,1,18.38354,15.564,144.305,144.305,0,0,1,12.72437,14.55078c.68066.88037,1.34277,1.77344,2.00537,2.67676A143.38227,143.38227,0,0,1,713.5,334.43073Z" d="M713.5,708.93073h-289v-374.5a143.38177,143.38177,0,0,1,27.59571-84.94434c.66381-.90478,1.32592-1.79785,2.00878-2.68115a144.46633,144.46633,0,0,1,30.75415-29.85058c.65967-.48,1.322-.95166,1.99415-1.42334a144.15958,144.15958,0,0,1,31.47216-16.459c.66089-.25049,1.33374-.50146,2.00659-.74219a144.01979,144.01979,0,0,1,31.1084-7.33593c.65772-.08985,1.333-.16016,2.0083-.23047a146.28769,146.28769,0,0,1,31.10547,0c.67334.07031,1.34864.14062,2.01416.23144a143.995,143.995,0,0,1,31.10034,7.335c.6731.24073,1.346.4917,2.00879.74268a143.79947,143.79947,0,0,1,31.10645,16.21582c.67163.46143,1.344.93311,2.00635,1.40478a145.987,145.987,0,0,1,18.38354,15.564,144.305,144.305,0,0,1,12.72437,14.55078c.68066.88037,1.34277,1.77344,2.00537,2.67676A143.38227,143.38227,0,0,1,713.5,334.43073Z"
transform="translate(-165.00003 -189.93073)" fill="#ccc"/> transform="translate(-165.00003 -189.93073)"
<circle cx="524.99994" cy="335.5" r="16" fill={fillColor}/> fill="#ccc"
<polygon points="594.599 507.783 582.339 507.783 576.506 460.495 594.601 460.496 594.599 507.783" />
fill="#ffb8b8"/> <circle cx="524.99994" cy="335.5" r="16" fill={fillColor} />
<polygon
points="594.599 507.783 582.339 507.783 576.506 460.495 594.601 460.496 594.599 507.783"
fill="#ffb8b8"
/>
<path <path
d="M573.58165,504.27982h23.64384a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H558.69478a0,0,0,0,1,0,0v0a14.88688,14.88688,0,0,1,14.88688-14.88688Z" d="M573.58165,504.27982h23.64384a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H558.69478a0,0,0,0,1,0,0v0a14.88688,14.88688,0,0,1,14.88688-14.88688Z"
fill="#2f2e41"/> fill="#2f2e41"
<polygon points="655.599 507.783 643.339 507.783 637.506 460.495 655.601 460.496 655.599 507.783" />
fill="#ffb8b8"/> <polygon
points="655.599 507.783 643.339 507.783 637.506 460.495 655.601 460.496 655.599 507.783"
fill="#ffb8b8"
/>
<path <path
d="M634.58165,504.27982h23.64384a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H619.69478a0,0,0,0,1,0,0v0a14.88688,14.88688,0,0,1,14.88688-14.88688Z" d="M634.58165,504.27982h23.64384a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H619.69478a0,0,0,0,1,0,0v0a14.88688,14.88688,0,0,1,14.88688-14.88688Z"
fill="#2f2e41"/> fill="#2f2e41"
/>
<path <path
d="M698.09758,528.60035a10.74272,10.74272,0,0,1,4.51052-15.84307l41.67577-114.86667L764.791,409.082,717.20624,518.85271a10.80091,10.80091,0,0,1-19.10866,9.74764Z" d="M698.09758,528.60035a10.74272,10.74272,0,0,1,4.51052-15.84307l41.67577-114.86667L764.791,409.082,717.20624,518.85271a10.80091,10.80091,0,0,1-19.10866,9.74764Z"
transform="translate(-165.00003 -189.93073)" fill="#ffb8b8"/> transform="translate(-165.00003 -189.93073)"
fill="#ffb8b8"
/>
<path <path
d="M814.33644,550.1843a10.74269,10.74269,0,0,1-2.89305-16.21659L798.53263,412.4583l23.33776,1.06622L827.23606,533.045a10.80091,10.80091,0,0,1-12.89962,17.13934Z" d="M814.33644,550.1843a10.74269,10.74269,0,0,1-2.89305-16.21659L798.53263,412.4583l23.33776,1.06622L827.23606,533.045a10.80091,10.80091,0,0,1-12.89962,17.13934Z"
transform="translate(-165.00003 -189.93073)" fill="#ffb8b8"/> transform="translate(-165.00003 -189.93073)"
<circle cx="612.1058" cy="162.12254" r="24.56103" fill="#ffb8b8"/> fill="#ffb8b8"
/>
<circle cx="612.1058" cy="162.12254" r="24.56103" fill="#ffb8b8" />
<path <path
d="M814.17958,522.54937H740.13271l.08911-.57617c.13306-.86133,13.19678-86.439,3.56177-114.436a11.813,11.813,0,0,1,6.06933-14.5835h.00025c13.77173-6.48535,40.20752-14.47119,62.52,4.90918a28.23448,28.23448,0,0,1,9.45947,23.396Z" d="M814.17958,522.54937H740.13271l.08911-.57617c.13306-.86133,13.19678-86.439,3.56177-114.436a11.813,11.813,0,0,1,6.06933-14.5835h.00025c13.77173-6.48535,40.20752-14.47119,62.52,4.90918a28.23448,28.23448,0,0,1,9.45947,23.396Z"
transform="translate(-165.00003 -189.93073)" fill={fillColor}/> transform="translate(-165.00003 -189.93073)"
<path d="M754.35439,448.1812,721.01772,441.418l15.62622-37.02978a13.99723,13.99723,0,0,1,27.10571,6.99755Z" fill={fillColor}
transform="translate(-165.00003 -189.93073)" fill={fillColor}/> />
<path
d="M754.35439,448.1812,721.01772,441.418l15.62622-37.02978a13.99723,13.99723,0,0,1,27.10571,6.99755Z"
transform="translate(-165.00003 -189.93073)"
fill={fillColor}
/>
<path <path
d="M797.05043,460.73882l-2.00415-45.94141c-1.51977-8.63623,3.42408-16.80029,11.02735-18.13476,7.60547-1.32959,15.03174,4.66016,16.55835,13.35986l7.533,42.92774Z" d="M797.05043,460.73882l-2.00415-45.94141c-1.51977-8.63623,3.42408-16.80029,11.02735-18.13476,7.60547-1.32959,15.03174,4.66016,16.55835,13.35986l7.533,42.92774Z"
transform="translate(-165.00003 -189.93073)" fill={fillColor}/> transform="translate(-165.00003 -189.93073)"
fill={fillColor}
/>
<path <path
d="M811.71606,517.04933c11.91455,45.37671,13.21436,103.0694,10,166l-16-2-29-120-16,122-18-1c-5.37744-66.02972-10.61328-122.71527-2-160Z" d="M811.71606,517.04933c11.91455,45.37671,13.21436,103.0694,10,166l-16-2-29-120-16,122-18-1c-5.37744-66.02972-10.61328-122.71527-2-160Z"
transform="translate(-165.00003 -189.93073)" fill="#2f2e41"/> transform="translate(-165.00003 -189.93073)"
fill="#2f2e41"
/>
<path <path
d="M793.2891,371.03474c-4.582,4.88079-13.09131,2.26067-13.68835-4.40717a8.05467,8.05467,0,0,1,.01014-1.55569c.30826-2.95357,2.01461-5.63506,1.60587-8.7536a4.59046,4.59046,0,0,0-.84011-2.14892c-3.65124-4.88933-12.22227,2.18687-15.6682-2.23929-2.113-2.714.3708-6.98713-1.25065-10.02051-2.14006-4.00358-8.47881-2.0286-12.45388-4.22116-4.42275-2.43948-4.15822-9.22524-1.24686-13.35269,3.55052-5.03359,9.77572-7.71951,15.92336-8.10661s12.25292,1.27475,17.99229,3.51145c6.52109,2.54134,12.98768,6.05351,17.00067,11.78753,4.88021,6.97317,5.34986,16.34793,2.90917,24.50174C802.09785,360.98987,797.03077,367.04906,793.2891,371.03474Z" d="M793.2891,371.03474c-4.582,4.88079-13.09131,2.26067-13.68835-4.40717a8.05467,8.05467,0,0,1,.01014-1.55569c.30826-2.95357,2.01461-5.63506,1.60587-8.7536a4.59046,4.59046,0,0,0-.84011-2.14892c-3.65124-4.88933-12.22227,2.18687-15.6682-2.23929-2.113-2.714.3708-6.98713-1.25065-10.02051-2.14006-4.00358-8.47881-2.0286-12.45388-4.22116-4.42275-2.43948-4.15822-9.22524-1.24686-13.35269,3.55052-5.03359,9.77572-7.71951,15.92336-8.10661s12.25292,1.27475,17.99229,3.51145c6.52109,2.54134,12.98768,6.05351,17.00067,11.78753,4.88021,6.97317,5.34986,16.34793,2.90917,24.50174C802.09785,360.98987,797.03077,367.04906,793.2891,371.03474Z"
transform="translate(-165.00003 -189.93073)" fill="#2f2e41"/> transform="translate(-165.00003 -189.93073)"
fill="#2f2e41"
/>
<path <path
d="M1004.98163,709.57417h-738.294a1.19069,1.19069,0,0,1,0-2.38137h738.294a1.19069,1.19069,0,0,1,0,2.38137Z" d="M1004.98163,709.57417h-738.294a1.19069,1.19069,0,0,1,0-2.38137h738.294a1.19069,1.19069,0,0,1,0,2.38137Z"
transform="translate(-165.00003 -189.93073)" fill="#3f3d56"/> transform="translate(-165.00003 -189.93073)"
fill="#3f3d56"
/>
<path <path
d="M634,600.43073H504a6.46539,6.46539,0,0,1-6.5-6.41531V303.846a6.46539,6.46539,0,0,1,6.5-6.41531H634a6.46539,6.46539,0,0,1,6.5,6.41531V594.01542A6.46539,6.46539,0,0,1,634,600.43073Z" d="M634,600.43073H504a6.46539,6.46539,0,0,1-6.5-6.41531V303.846a6.46539,6.46539,0,0,1,6.5-6.41531H634a6.46539,6.46539,0,0,1,6.5,6.41531V594.01542A6.46539,6.46539,0,0,1,634,600.43073Z"
transform="translate(-165.00003 -189.93073)" fill="#fff"/> transform="translate(-165.00003 -189.93073)"
<rect x="332.49994" y="201.38965" width="143" height="2" fill="#ccc"/> fill="#fff"
<rect x="332.99994" y="315.5" width="143" height="2" fill="#ccc"/> />
<rect x="377.49994" y="107.5" width="2" height="304" fill="#ccc"/> <rect x="332.49994" y="201.38965" width="143" height="2" fill="#ccc" />
<rect x="427.49994" y="107.5" width="2" height="304" fill="#ccc"/> <rect x="332.99994" y="315.5" width="143" height="2" fill="#ccc" />
<rect x="377.49994" y="107.5" width="2" height="304" fill="#ccc" />
<rect x="427.49994" y="107.5" width="2" height="304" fill="#ccc" />
</svg> </svg>
) );
};
} export default SvgLogin;
export default SvgLogin

190
src/core/components/svgs/SvgMaintenance.jsx
View File

@@ -1,91 +1,157 @@
import {useTheme} from "@mui/material"; import { useTheme } from "@mui/material";
const SvgMaintenance = ({width, height}) => { const SvgMaintenance = ({ width, height }) => {
const theme = useTheme() const theme = useTheme();
const fillColor = theme.palette.primary.main const fillColor = theme.palette.primary.main;
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height} <svg
viewBox="0 0 945 583.2243"> xmlns="http://www.w3.org/2000/svg"
<path id="b0cf38c7-358d-48dc-a444-e9782686dfa5-97" data-name="Path 438" data-name="Layer 1"
d="M222.88482,693.5243a24.21463,24.21463,0,0,0,23.38269-4.11877c8.18977-6.87442,10.758-18.196,12.84671-28.68191l6.17972-31.01657-12.93769,8.90836c-9.30465,6.40641-18.81827,13.01866-25.26012,22.29785s-9.25222,21.94708-4.07792,31.988" width={width}
transform="translate(-127.5 -158.38785)" fill="#e6e6e6"/> height={height}
<path id="acbbaa8b-0bc2-4bc9-96d7-93dd88f90f19-98" data-name="Path 439" viewBox="0 0 945 583.2243"
d="M224.88254,733.23486c-1.6284-11.86369-3.30382-23.88079-2.15885-35.87167,1.01467-10.64933,4.26374-21.04881,10.87831-29.57938a49.20592,49.20592,0,0,1,12.62466-11.44039c1.26216-.79648,2.4241,1.20354,1.16733,1.997A46.77938,46.77938,0,0,0,228.88954,680.666c-4.02858,10.24607-4.67546,21.41582-3.98154,32.30029.41943,6.58218,1.31074,13.12121,2.20587,19.65252a1.19817,1.19817,0,0,1-.808,1.4225,1.16348,1.16348,0,0,1-1.42253-.808Z" >
transform="translate(-127.5 -158.38785)" fill="#f2f2f2"/> <path
<path id="bed63620-84ae-4c66-a7c8-0d9b30f8c1e7-99" data-name="Path 442" id="b0cf38c7-358d-48dc-a444-e9782686dfa5-97"
d="M236.60356,714.19841A17.82515,17.82515,0,0,0,252.135,722.217c7.8644-.37318,14.41806-5.85972,20.31713-11.07026l17.452-15.40881-11.54988-.5528c-8.30619-.39784-16.82672-.771-24.73813,1.79338s-15.20758,8.72639-16.654,16.9154" data-name="Path 438"
transform="translate(-127.5 -158.38785)" fill="#e6e6e6"/> d="M222.88482,693.5243a24.21463,24.21463,0,0,0,23.38269-4.11877c8.18977-6.87442,10.758-18.196,12.84671-28.68191l6.17972-31.01657-12.93769,8.90836c-9.30465,6.40641-18.81827,13.01866-25.26012,22.29785s-9.25222,21.94708-4.07792,31.988"
<path id="fc4eb8ca-daad-4589-b224-2c71eec1c546-100" data-name="Path 443" transform="translate(-127.5 -158.38785)"
d="M220.27955,740.05454c7.83972-13.87142,16.93235-29.28794,33.1808-34.21551A37.02589,37.02589,0,0,1,267.4158,704.398c1.4819.128,1.1118,2.41174-.367,2.28454a34.39824,34.39824,0,0,0-22.27164,5.89215c-6.27994,4.27453-11.16975,10.21755-15.30781,16.51907-2.5351,3.8605-4.80576,7.88445-7.07642,11.903C221.66738,742.28125,219.54555,741.35371,220.27955,740.05454Z" fill="#e6e6e6"
transform="translate(-127.5 -158.38785)" fill="#f2f2f2"/> />
<path id="ec83fa9a-7bb4-4b90-a90b-e1cec4444963-101" data-name="Path 442" <path
d="M1008.35714,710.03894a17.82515,17.82515,0,0,1-17.065,3.78282c-7.50783-2.37076-12.4416-9.35006-16.813-15.89522l-12.93426-19.3574,11.30757,2.41744c8.132,1.73826,16.46493,3.55513,23.45819,8.05635s12.47224,12.32329,11.77771,20.61" id="acbbaa8b-0bc2-4bc9-96d7-93dd88f90f19-98"
transform="translate(-127.5 -158.38785)" fill="#e6e6e6"/> data-name="Path 439"
<path id="e32935a9-e392-46b4-9a67-68c65f1cc9fa-102" data-name="Path 443" d="M224.88254,733.23486c-1.6284-11.86369-3.30382-23.88079-2.15885-35.87167,1.01467-10.64933,4.26374-21.04881,10.87831-29.57938a49.20592,49.20592,0,0,1,12.62466-11.44039c1.26216-.79648,2.4241,1.20354,1.16733,1.997A46.77938,46.77938,0,0,0,228.88954,680.666c-4.02858,10.24607-4.67546,21.41582-3.98154,32.30029.41943,6.58218,1.31074,13.12121,2.20587,19.65252a1.19817,1.19817,0,0,1-.808,1.4225,1.16348,1.16348,0,0,1-1.42253-.808Z"
d="M1017.53074,739.20841c-4.03412-15.41439-8.88464-32.64277-23.33408-41.55944a37.026,37.026,0,0,0-13.12367-4.9599c-1.46539-.255-1.69126,2.04749-.22905,2.30247a34.39822,34.39822,0,0,1,20.02606,11.3886c4.9789,5.73758,8.18741,12.733,10.57751,19.88279,1.46425,4.38021,2.63106,8.85084,3.79926,13.31624C1015.61991,741.00647,1017.90833,740.652,1017.53074,739.20841Z" transform="translate(-127.5 -158.38785)"
transform="translate(-127.5 -158.38785)" fill="#f2f2f2"/> fill="#f2f2f2"
/>
<path
id="bed63620-84ae-4c66-a7c8-0d9b30f8c1e7-99"
data-name="Path 442"
d="M236.60356,714.19841A17.82515,17.82515,0,0,0,252.135,722.217c7.8644-.37318,14.41806-5.85972,20.31713-11.07026l17.452-15.40881-11.54988-.5528c-8.30619-.39784-16.82672-.771-24.73813,1.79338s-15.20758,8.72639-16.654,16.9154"
transform="translate(-127.5 -158.38785)"
fill="#e6e6e6"
/>
<path
id="fc4eb8ca-daad-4589-b224-2c71eec1c546-100"
data-name="Path 443"
d="M220.27955,740.05454c7.83972-13.87142,16.93235-29.28794,33.1808-34.21551A37.02589,37.02589,0,0,1,267.4158,704.398c1.4819.128,1.1118,2.41174-.367,2.28454a34.39824,34.39824,0,0,0-22.27164,5.89215c-6.27994,4.27453-11.16975,10.21755-15.30781,16.51907-2.5351,3.8605-4.80576,7.88445-7.07642,11.903C221.66738,742.28125,219.54555,741.35371,220.27955,740.05454Z"
transform="translate(-127.5 -158.38785)"
fill="#f2f2f2"
/>
<path
id="ec83fa9a-7bb4-4b90-a90b-e1cec4444963-101"
data-name="Path 442"
d="M1008.35714,710.03894a17.82515,17.82515,0,0,1-17.065,3.78282c-7.50783-2.37076-12.4416-9.35006-16.813-15.89522l-12.93426-19.3574,11.30757,2.41744c8.132,1.73826,16.46493,3.55513,23.45819,8.05635s12.47224,12.32329,11.77771,20.61"
transform="translate(-127.5 -158.38785)"
fill="#e6e6e6"
/>
<path
id="e32935a9-e392-46b4-9a67-68c65f1cc9fa-102"
data-name="Path 443"
d="M1017.53074,739.20841c-4.03412-15.41439-8.88464-32.64277-23.33408-41.55944a37.026,37.026,0,0,0-13.12367-4.9599c-1.46539-.255-1.69126,2.04749-.22905,2.30247a34.39822,34.39822,0,0,1,20.02606,11.3886c4.9789,5.73758,8.18741,12.733,10.57751,19.88279,1.46425,4.38021,2.63106,8.85084,3.79926,13.31624C1015.61991,741.00647,1017.90833,740.652,1017.53074,739.20841Z"
transform="translate(-127.5 -158.38785)"
fill="#f2f2f2"
/>
<path <path
d="M858.65906,513.48057H594.33494a7.97081,7.97081,0,0,1-7.96157-7.96157V416.34942a7.97081,7.97081,0,0,1,7.96157-7.96157H858.65906a7.9707,7.9707,0,0,1,7.96157,7.96157V505.519A7.9707,7.9707,0,0,1,858.65906,513.48057Z" d="M858.65906,513.48057H594.33494a7.97081,7.97081,0,0,1-7.96157-7.96157V416.34942a7.97081,7.97081,0,0,1,7.96157-7.96157H858.65906a7.9707,7.9707,0,0,1,7.96157,7.96157V505.519A7.9707,7.9707,0,0,1,858.65906,513.48057Z"
transform="translate(-127.5 -158.38785)" fill="#f1f1f1"/> transform="translate(-127.5 -158.38785)"
<rect x="500.27353" y="273.88471" width="70.06181" height="7.96157" fill={fillColor}/> fill="#f1f1f1"
<circle cx="662.68956" cy="278.66165" r="4.77694" fill={fillColor}/> />
<circle cx="678.6127" cy="278.66165" r="4.77694" fill={fillColor}/> <rect x="500.27353" y="273.88471" width="70.06181" height="7.96157" fill={fillColor} />
<circle cx="694.53583" cy="278.66165" r="4.77694" fill={fillColor}/> <circle cx="662.68956" cy="278.66165" r="4.77694" fill={fillColor} />
<circle cx="678.6127" cy="278.66165" r="4.77694" fill={fillColor} />
<circle cx="694.53583" cy="278.66165" r="4.77694" fill={fillColor} />
<path <path
d="M858.65906,626.53486H594.33494a7.97081,7.97081,0,0,1-7.96157-7.96157V529.40371a7.97081,7.97081,0,0,1,7.96157-7.96157H858.65906a7.9707,7.9707,0,0,1,7.96157,7.96157v89.16958A7.9707,7.9707,0,0,1,858.65906,626.53486Z" d="M858.65906,626.53486H594.33494a7.97081,7.97081,0,0,1-7.96157-7.96157V529.40371a7.97081,7.97081,0,0,1,7.96157-7.96157H858.65906a7.9707,7.9707,0,0,1,7.96157,7.96157v89.16958A7.9707,7.9707,0,0,1,858.65906,626.53486Z"
transform="translate(-127.5 -158.38785)" fill="#f1f1f1"/> transform="translate(-127.5 -158.38785)"
<rect x="500.27353" y="386.939" width="70.06181" height="7.96157" fill={fillColor}/> fill="#f1f1f1"
<circle cx="662.68956" cy="391.71594" r="4.77694" fill={fillColor}/> />
<circle cx="678.6127" cy="391.71594" r="4.77694" fill={fillColor}/> <rect x="500.27353" y="386.939" width="70.06181" height="7.96157" fill={fillColor} />
<circle cx="694.53583" cy="391.71594" r="4.77694" fill={fillColor}/> <circle cx="662.68956" cy="391.71594" r="4.77694" fill={fillColor} />
<circle cx="678.6127" cy="391.71594" r="4.77694" fill={fillColor} />
<circle cx="694.53583" cy="391.71594" r="4.77694" fill={fillColor} />
<path <path
d="M858.65906,739.58915H594.33494a7.97081,7.97081,0,0,1-7.96157-7.96156V642.458a7.97081,7.97081,0,0,1,7.96157-7.96157H858.65906a7.9707,7.9707,0,0,1,7.96157,7.96157v89.16959A7.97069,7.97069,0,0,1,858.65906,739.58915Z" d="M858.65906,739.58915H594.33494a7.97081,7.97081,0,0,1-7.96157-7.96156V642.458a7.97081,7.97081,0,0,1,7.96157-7.96157H858.65906a7.9707,7.9707,0,0,1,7.96157,7.96157v89.16959A7.97069,7.97069,0,0,1,858.65906,739.58915Z"
transform="translate(-127.5 -158.38785)" fill="#f1f1f1"/> transform="translate(-127.5 -158.38785)"
<rect x="500.27353" y="499.99329" width="70.06181" height="7.96157" fill={fillColor}/> fill="#f1f1f1"
<circle cx="662.68956" cy="504.77024" r="4.77694" fill={fillColor}/> />
<circle cx="678.6127" cy="504.77024" r="4.77694" fill={fillColor}/> <rect x="500.27353" y="499.99329" width="70.06181" height="7.96157" fill={fillColor} />
<circle cx="694.53583" cy="504.77024" r="4.77694" fill={fillColor}/> <circle cx="662.68956" cy="504.77024" r="4.77694" fill={fillColor} />
<circle cx="678.6127" cy="504.77024" r="4.77694" fill={fillColor} />
<circle cx="694.53583" cy="504.77024" r="4.77694" fill={fillColor} />
<path <path
d="M759.01179,321.31453l-.29232-.216-.007-.00528a3.57626,3.57626,0,0,0-5.00334.73888L694.21319,401.9379h-6.54562v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.90531a1.43056,1.43056,0,0,0-1.43052,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43057,1.43057,0,0,0-1.43053-1.43052h-3.9053a1.43056,1.43056,0,0,0-1.43052,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052H655.259a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43057,1.43057,0,0,0-1.43053-1.43052h-3.9053a1.43034,1.43034,0,0,0-1.43052,1.43052v1.53783H642.5488v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052H637.213a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.90531a1.43056,1.43056,0,0,0-1.43052,1.43052v1.53783H596.858a3.57618,3.57618,0,0,0-3.57631,3.57631V408.926a3.57618,3.57618,0,0,0,3.57631,3.57631h96.76151a5.32944,5.32944,0,0,0,5.21778-4.24744l.037.02751L759.74521,326.325l.00559-.00707A3.57671,3.57671,0,0,0,759.01179,321.31453Z" d="M759.01179,321.31453l-.29232-.216-.007-.00528a3.57626,3.57626,0,0,0-5.00334.73888L694.21319,401.9379h-6.54562v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.90531a1.43056,1.43056,0,0,0-1.43052,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43057,1.43057,0,0,0-1.43053-1.43052h-3.9053a1.43056,1.43056,0,0,0-1.43052,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052H655.259a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43057,1.43057,0,0,0-1.43053-1.43052h-3.9053a1.43034,1.43034,0,0,0-1.43052,1.43052v1.53783H642.5488v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052H637.213a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.90531a1.43056,1.43056,0,0,0-1.43052,1.43052v1.53783H596.858a3.57618,3.57618,0,0,0-3.57631,3.57631V408.926a3.57618,3.57618,0,0,0,3.57631,3.57631h96.76151a5.32944,5.32944,0,0,0,5.21778-4.24744l.037.02751L759.74521,326.325l.00559-.00707A3.57671,3.57671,0,0,0,759.01179,321.31453Z"
transform="translate(-127.5 -158.38785)" fill="#3f3d56"/> transform="translate(-127.5 -158.38785)"
<polygon points="255.504 550.825 267.523 556.976 296.966 513.544 279.228 504.466 255.504 550.825" fill="#3f3d56"
fill="#ffb7b7"/> />
<polygon
points="255.504 550.825 267.523 556.976 296.966 513.544 279.228 504.466 255.504 550.825"
fill="#ffb7b7"
/>
<path <path
d="M381.94612,703.72021l23.66983,12.113.001.00049a16.94563,16.94563,0,0,1,7.3641,22.8037l-.25087.49017-38.75427-19.83265Z" d="M381.94612,703.72021l23.66983,12.113.001.00049a16.94563,16.94563,0,0,1,7.3641,22.8037l-.25087.49017-38.75427-19.83265Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/> transform="translate(-127.5 -158.38785)"
<polygon points="394.317 567.652 407.819 567.652 414.242 515.575 394.315 515.575 394.317 567.652" fill="#2f2e41"
fill="#ffb7b7"/> />
<polygon
points="394.317 567.652 407.819 567.652 414.242 515.575 394.315 515.575 394.317 567.652"
fill="#ffb7b7"
/>
<path <path
d="M518.37323,721.632l26.58922-.00107h.00107a16.94563,16.94563,0,0,1,16.94473,16.94446v.55063l-43.53421.00162Z" d="M518.37323,721.632l26.58922-.00107h.00107a16.94563,16.94563,0,0,1,16.94473,16.94446v.55063l-43.53421.00162Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/> transform="translate(-127.5 -158.38785)"
fill="#2f2e41"
/>
<path <path
d="M458.66285,301.26058s-9.0412-6.9268-9.0412,9.99291l-1.42756,55.91271,15.94107,52.81966,9.27913-17.1307-3.80682-37.11652Z" d="M458.66285,301.26058s-9.0412-6.9268-9.0412,9.99291l-1.42756,55.91271,15.94107,52.81966,9.27913-17.1307-3.80682-37.11652Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/> transform="translate(-127.5 -158.38785)"
fill="#2f2e41"
/>
<path <path
d="M555.37734,454.19165s10.48418,51.058-2.79579,92.95976l-7.33892,161.10695-26.90941-2.09684-9.43576-119.51969-9.0863-59.41037-18.87153,54.16828L418.73348,696.02681l-28.65677-22.36625s31.75629-86.64916,55.2167-104.84184l11.76615-134.011Z" d="M555.37734,454.19165s10.48418,51.058-2.79579,92.95976l-7.33892,161.10695-26.90941-2.09684-9.43576-119.51969-9.0863-59.41037-18.87153,54.16828L418.73348,696.02681l-28.65677-22.36625s31.75629-86.64916,55.2167-104.84184l11.76615-134.011Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/> transform="translate(-127.5 -158.38785)"
<circle cx="523.48018" cy="202.31369" r="30.68251" fill="#2f2e41"
transform="translate(-32.63308 406.2144) rotate(-61.33685)" fill="#ffb7b7"/> />
<circle
cx="523.48018"
cy="202.31369"
r="30.68251"
transform="translate(-32.63308 406.2144) rotate(-61.33685)"
fill="#ffb7b7"
/>
<path <path
d="M521.30883,208.82157c3.67807.47856,6.45254-3.28467,7.73937-6.76336s2.2673-7.5286,5.46514-9.40772c4.36891-2.56725,9.95872.52048,14.95479-.32655,5.64211-.95654,9.31053-6.93607,9.598-12.65146s-1.987-11.21239-4.21862-16.48193l-.77911,6.54884a12.98679,12.98679,0,0,0-5.67512-11.35154l1.00419,9.60941A10.199,10.199,0,0,0,537.6641,159.558l.15814,5.72564c-6.51663-.77489-13.09021-1.55087-19.62615-.96052s-13.11751,2.65828-18.0712,6.96269c-7.40994,6.43874-10.11621,17.04088-9.20765,26.81529s4.94341,18.95675,9.14865,27.827c1.058,2.23177,2.52146,4.75016,4.97491,5.03445,2.20445.25544,4.22155-1.58732,4.90683-3.698a13.40422,13.40422,0,0,0-.0595-6.58474c-.62-3.2946-1.40155-6.6621-.81863-9.96346s2.9579-6.56372,6.28582-6.96831,6.73322,3.3994,5.13321,6.34537Z" d="M521.30883,208.82157c3.67807.47856,6.45254-3.28467,7.73937-6.76336s2.2673-7.5286,5.46514-9.40772c4.36891-2.56725,9.95872.52048,14.95479-.32655,5.64211-.95654,9.31053-6.93607,9.598-12.65146s-1.987-11.21239-4.21862-16.48193l-.77911,6.54884a12.98679,12.98679,0,0,0-5.67512-11.35154l1.00419,9.60941A10.199,10.199,0,0,0,537.6641,159.558l.15814,5.72564c-6.51663-.77489-13.09021-1.55087-19.62615-.96052s-13.11751,2.65828-18.0712,6.96269c-7.40994,6.43874-10.11621,17.04088-9.20765,26.81529s4.94341,18.95675,9.14865,27.827c1.058,2.23177,2.52146,4.75016,4.97491,5.03445,2.20445.25544,4.22155-1.58732,4.90683-3.698a13.40422,13.40422,0,0,0-.0595-6.58474c-.62-3.2946-1.40155-6.6621-.81863-9.96346s2.9579-6.56372,6.28582-6.96831,6.73322,3.3994,5.13321,6.34537Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/> transform="translate(-127.5 -158.38785)"
<polygon points="429.776 309.458 327.357 302.85 335.066 270.913 428.674 291.838 429.776 309.458" fill="#2f2e41"
fill="#cbcbcb"/> />
<polygon
points="429.776 309.458 327.357 302.85 335.066 270.913 428.674 291.838 429.776 309.458"
fill="#cbcbcb"
/>
<path <path
d="M494.11389,244.15824l6.424-8.91878s7.18028,2.44014,26.40983,12.01183l1.35857,8.35615L561.685,460.9092,501.01375,458.292l-16.5219-.35153-5.4068-12.12-6.66725,11.86313-16.13421-.34328-16.41693-9.51706,16.179-49.48869,5.23438-45.206-8.0895-42.58883s-10.17937-39.10848,29.027-60.19538Z" d="M494.11389,244.15824l6.424-8.91878s7.18028,2.44014,26.40983,12.01183l1.35857,8.35615L561.685,460.9092,501.01375,458.292l-16.5219-.35153-5.4068-12.12-6.66725,11.86313-16.13421-.34328-16.41693-9.51706,16.179-49.48869,5.23438-45.206-8.0895-42.58883s-10.17937-39.10848,29.027-60.19538Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/> transform="translate(-127.5 -158.38785)"
fill="#2f2e41"
/>
<path <path
d="M630.86271,399.57305a10.48605,10.48605,0,0,1-13.04108-9.40577L581.82654,380.526l14.48005-12.85707,31.9616,11.12669a10.54289,10.54289,0,0,1,2.59452,20.77747Z" d="M630.86271,399.57305a10.48605,10.48605,0,0,1-13.04108-9.40577L581.82654,380.526l14.48005-12.85707,31.9616,11.12669a10.54289,10.54289,0,0,1,2.59452,20.77747Z"
transform="translate(-127.5 -158.38785)" fill="#ffb7b7"/> transform="translate(-127.5 -158.38785)"
fill="#ffb7b7"
/>
<path <path
d="M614.74112,394.13009a6.14221,6.14221,0,0,1-4.987.39563l-59.21317-22.47383a63.2273,63.2273,0,0,1-34.03214-28.68449l-24.6929-44.04893a19.76509,19.76509,0,1,1,29.49118-26.323L564.04672,340.737l53.7869,31.53448a6.15547,6.15547,0,0,1,2.61747,6.54608l-2.67464,11.33426a6.1431,6.1431,0,0,1-1.86626,3.15032A6.07364,6.07364,0,0,1,614.74112,394.13009Z" d="M614.74112,394.13009a6.14221,6.14221,0,0,1-4.987.39563l-59.21317-22.47383a63.2273,63.2273,0,0,1-34.03214-28.68449l-24.6929-44.04893a19.76509,19.76509,0,1,1,29.49118-26.323L564.04672,340.737l53.7869,31.53448a6.15547,6.15547,0,0,1,2.61747,6.54608l-2.67464,11.33426a6.1431,6.1431,0,0,1-1.86626,3.15032A6.07364,6.07364,0,0,1,614.74112,394.13009Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/> transform="translate(-127.5 -158.38785)"
<path d="M1071.5,741.38785h-943a1,1,0,0,1,0-2h943a1,1,0,0,1,0,2Z" transform="translate(-127.5 -158.38785)" fill="#2f2e41"
fill="#cbcbcb"/> />
<path
d="M1071.5,741.38785h-943a1,1,0,0,1,0-2h943a1,1,0,0,1,0,2Z"
transform="translate(-127.5 -158.38785)"
fill="#cbcbcb"
/>
</svg> </svg>
) );
};
} export default SvgMaintenance;
export default SvgMaintenance

173
src/core/components/svgs/SvgRegister.jsx
View File

@@ -1,109 +1,178 @@
import {useTheme} from "@mui/material"; import { useTheme } from "@mui/material";
const SvgRegister = ({width, height}) => { const SvgRegister = ({ width, height }) => {
const theme = useTheme() const theme = useTheme();
const fillColor = theme.palette.primary.main const fillColor = theme.palette.primary.main;
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height} <svg
viewBox="0 0 839.79697 523.44409"> xmlns="http://www.w3.org/2000/svg"
data-name="Layer 1"
width={width}
height={height}
viewBox="0 0 839.79697 523.44409"
>
<path <path
d="M259.30182,695.092a50.79366,50.79366,0,0,0,13.58985,12.63c1.12011.71,2.27,1.38,3.43994,2h27.52978c-.32959-.66-.6499-1.33-.96-2a95.35442,95.35442,0,0,1,19.84033-109.34c-16.64013,5.14-32.02,15.16-42.08008,29.37a64.46989,64.46989,0,0,0-10.23,23,96.27579,96.27579,0,0,1,7.66993-48.41c-13.50977,10.99-24.03028,26.04-28.04,42.98C246.05182,662.272,248.96149,681.082,259.30182,695.092Z" d="M259.30182,695.092a50.79366,50.79366,0,0,0,13.58985,12.63c1.12011.71,2.27,1.38,3.43994,2h27.52978c-.32959-.66-.6499-1.33-.96-2a95.35442,95.35442,0,0,1,19.84033-109.34c-16.64013,5.14-32.02,15.16-42.08008,29.37a64.46989,64.46989,0,0,0-10.23,23,96.27579,96.27579,0,0,1,7.66993-48.41c-13.50977,10.99-24.03028,26.04-28.04,42.98C246.05182,662.272,248.96149,681.082,259.30182,695.092Z"
transform="translate(-180.10152 -188.27796)" fill="#f0f0f0"/> transform="translate(-180.10152 -188.27796)"
fill="#f0f0f0"
/>
<path <path
d="M1015.54573,469.26684H828.37712a4.35775,4.35775,0,0,1-4.35276-4.35276V349.13072a4.35775,4.35775,0,0,1,4.35276-4.35276h187.16861a4.35774,4.35774,0,0,1,4.35275,4.35276V464.91408A4.35774,4.35774,0,0,1,1015.54573,469.26684Z" d="M1015.54573,469.26684H828.37712a4.35775,4.35775,0,0,1-4.35276-4.35276V349.13072a4.35775,4.35775,0,0,1,4.35276-4.35276h187.16861a4.35774,4.35774,0,0,1,4.35275,4.35276V464.91408A4.35774,4.35774,0,0,1,1015.54573,469.26684Z"
transform="translate(-180.10152 -188.27796)" fill="#fff"/> transform="translate(-180.10152 -188.27796)"
fill="#fff"
/>
<path <path
d="M1015.54573,469.26684H828.37712a4.35775,4.35775,0,0,1-4.35276-4.35276V349.13072a4.35775,4.35775,0,0,1,4.35276-4.35276h187.16861a4.35774,4.35774,0,0,1,4.35275,4.35276V464.91408A4.35774,4.35774,0,0,1,1015.54573,469.26684ZM828.37712,346.51906a2.61451,2.61451,0,0,0-2.61165,2.61166V464.91408a2.61451,2.61451,0,0,0,2.61165,2.61166h187.16861a2.61451,2.61451,0,0,0,2.61165-2.61166V349.13072a2.61451,2.61451,0,0,0-2.61165-2.61166Z" d="M1015.54573,469.26684H828.37712a4.35775,4.35775,0,0,1-4.35276-4.35276V349.13072a4.35775,4.35775,0,0,1,4.35276-4.35276h187.16861a4.35774,4.35774,0,0,1,4.35275,4.35276V464.91408A4.35774,4.35774,0,0,1,1015.54573,469.26684ZM828.37712,346.51906a2.61451,2.61451,0,0,0-2.61165,2.61166V464.91408a2.61451,2.61451,0,0,0,2.61165,2.61166h187.16861a2.61451,2.61451,0,0,0,2.61165-2.61166V349.13072a2.61451,2.61451,0,0,0-2.61165-2.61166Z"
transform="translate(-180.10152 -188.27796)" fill="#3f3d56"/> transform="translate(-180.10152 -188.27796)"
fill="#3f3d56"
/>
<path <path
d="M978.54728,383.44633H865.37557a3.91748,3.91748,0,1,1,0-7.835H978.54728a3.91748,3.91748,0,0,1,0,7.835Z" d="M978.54728,383.44633H865.37557a3.91748,3.91748,0,1,1,0-7.835H978.54728a3.91748,3.91748,0,0,1,0,7.835Z"
transform="translate(-180.10152 -188.27796)" fill="#ccc"/> transform="translate(-180.10152 -188.27796)"
fill="#ccc"
/>
<path <path
d="M978.54728,410.43343H865.37557a3.91748,3.91748,0,1,1,0-7.835H978.54728a3.91748,3.91748,0,0,1,0,7.835Z" d="M978.54728,410.43343H865.37557a3.91748,3.91748,0,1,1,0-7.835H978.54728a3.91748,3.91748,0,0,1,0,7.835Z"
transform="translate(-180.10152 -188.27796)" fill="#ccc"/> transform="translate(-180.10152 -188.27796)"
<circle cx="788.36325" cy="250.94409" r="14" fill={fillColor}/> fill="#ccc"
/>
<circle cx="788.36325" cy="250.94409" r="14" fill={fillColor} />
<path <path
d="M968.84939,432.6268V431.293h.39488v1.33382a4.25848,4.25848,0,0,1,1.61464.39489,2.372,2.372,0,0,1,.92139.768,1.79468,1.79468,0,0,1,.33346,1.0485,1.13131,1.13131,0,0,1-.25887.75466.801.801,0,0,1-.6362.30713.66792.66792,0,0,1-.49141-.20183.67875.67875,0,0,1-.20183-.50018.94972.94972,0,0,1,.079-.37733l.158-.33346a1.10866,1.10866,0,0,0,.079-.43876,1.03337,1.03337,0,0,0-.21061-.64483,1.27287,1.27287,0,0,0-.59671-.417,3.37919,3.37919,0,0,0-.78977-.158v4.8l.08776.05265a8.74061,8.74061,0,0,1,2.22011,1.67606,3.942,3.942,0,0,1,.67131,1.13653,3.48548,3.48548,0,0,1,.24131,1.25909,3.05619,3.05619,0,0,1-.42121,1.58831,2.85171,2.85171,0,0,1-1.16709,1.0969,4.92848,4.92848,0,0,1-1.63219.47386v1.43035h-.39488v-1.404a4.40491,4.40491,0,0,1-1.66728-.34223,3.15528,3.15528,0,0,1-1.347-.96527,2.18559,2.18559,0,0,1-.47825-1.3777,1.55743,1.55743,0,0,1,.30713-.97857.91445.91445,0,0,1,.74589-.39913.64469.64469,0,0,1,.66692.66549,1.30412,1.30412,0,0,1-.32469.72665,2.20278,2.20278,0,0,0-.24131.4028.89954.89954,0,0,0-.06582.35016,1.41757,1.41757,0,0,0,.31152.87978,1.98877,1.98877,0,0,0,.838.62587,3.08659,3.08659,0,0,0,1.18465.21032h.0702v-5.73019l-.50018-.28958q-.71079-.41229-1.08374-.68446a4.52619,4.52619,0,0,1-.6713-.59671,2.88251,2.88251,0,0,1-.781-1.98319,2.69087,2.69087,0,0,1,.33346-1.31175,2.61657,2.61657,0,0,1,.92139-.97857A3.75,3.75,0,0,1,968.84939,432.6268Zm0,.19306a2.71562,2.71562,0,0,0-.98721.21909,1.68175,1.68175,0,0,0-.734.70938,2.17061,2.17061,0,0,0-.27953,1.09463,2.22358,2.22358,0,0,0,.41059,1.305,2.6476,2.6476,0,0,0,.51109.552,9.52086,9.52086,0,0,0,.99173.64795l.08733.05265Zm.39488,11.89913a2.72113,2.72113,0,0,0,.66394-.1404,1.74956,1.74956,0,0,0,.48052-.2808,2.17254,2.17254,0,0,0,.61157-.85544,2.94766,2.94766,0,0,0,.22716-1.15408,3.62464,3.62464,0,0,0-1.98319-3.03621Z" d="M968.84939,432.6268V431.293h.39488v1.33382a4.25848,4.25848,0,0,1,1.61464.39489,2.372,2.372,0,0,1,.92139.768,1.79468,1.79468,0,0,1,.33346,1.0485,1.13131,1.13131,0,0,1-.25887.75466.801.801,0,0,1-.6362.30713.66792.66792,0,0,1-.49141-.20183.67875.67875,0,0,1-.20183-.50018.94972.94972,0,0,1,.079-.37733l.158-.33346a1.10866,1.10866,0,0,0,.079-.43876,1.03337,1.03337,0,0,0-.21061-.64483,1.27287,1.27287,0,0,0-.59671-.417,3.37919,3.37919,0,0,0-.78977-.158v4.8l.08776.05265a8.74061,8.74061,0,0,1,2.22011,1.67606,3.942,3.942,0,0,1,.67131,1.13653,3.48548,3.48548,0,0,1,.24131,1.25909,3.05619,3.05619,0,0,1-.42121,1.58831,2.85171,2.85171,0,0,1-1.16709,1.0969,4.92848,4.92848,0,0,1-1.63219.47386v1.43035h-.39488v-1.404a4.40491,4.40491,0,0,1-1.66728-.34223,3.15528,3.15528,0,0,1-1.347-.96527,2.18559,2.18559,0,0,1-.47825-1.3777,1.55743,1.55743,0,0,1,.30713-.97857.91445.91445,0,0,1,.74589-.39913.64469.64469,0,0,1,.66692.66549,1.30412,1.30412,0,0,1-.32469.72665,2.20278,2.20278,0,0,0-.24131.4028.89954.89954,0,0,0-.06582.35016,1.41757,1.41757,0,0,0,.31152.87978,1.98877,1.98877,0,0,0,.838.62587,3.08659,3.08659,0,0,0,1.18465.21032h.0702v-5.73019l-.50018-.28958q-.71079-.41229-1.08374-.68446a4.52619,4.52619,0,0,1-.6713-.59671,2.88251,2.88251,0,0,1-.781-1.98319,2.69087,2.69087,0,0,1,.33346-1.31175,2.61657,2.61657,0,0,1,.92139-.97857A3.75,3.75,0,0,1,968.84939,432.6268Zm0,.19306a2.71562,2.71562,0,0,0-.98721.21909,1.68175,1.68175,0,0,0-.734.70938,2.17061,2.17061,0,0,0-.27953,1.09463,2.22358,2.22358,0,0,0,.41059,1.305,2.6476,2.6476,0,0,0,.51109.552,9.52086,9.52086,0,0,0,.99173.64795l.08733.05265Zm.39488,11.89913a2.72113,2.72113,0,0,0,.66394-.1404,1.74956,1.74956,0,0,0,.48052-.2808,2.17254,2.17254,0,0,0,.61157-.85544,2.94766,2.94766,0,0,0,.22716-1.15408,3.62464,3.62464,0,0,0-1.98319-3.03621Z"
transform="translate(-180.10152 -188.27796)" fill="#fff"/> transform="translate(-180.10152 -188.27796)"
fill="#fff"
/>
<path <path
d="M888.04573,391.76684H700.87712a4.35775,4.35775,0,0,1-4.35276-4.35276V271.63072a4.35775,4.35775,0,0,1,4.35276-4.35276H888.04573a4.35774,4.35774,0,0,1,4.35275,4.35276V387.41408A4.35774,4.35774,0,0,1,888.04573,391.76684Z" d="M888.04573,391.76684H700.87712a4.35775,4.35775,0,0,1-4.35276-4.35276V271.63072a4.35775,4.35775,0,0,1,4.35276-4.35276H888.04573a4.35774,4.35774,0,0,1,4.35275,4.35276V387.41408A4.35774,4.35774,0,0,1,888.04573,391.76684Z"
transform="translate(-180.10152 -188.27796)" fill="#fff"/> transform="translate(-180.10152 -188.27796)"
fill="#fff"
/>
<path <path
d="M888.04573,391.76684H700.87712a4.35775,4.35775,0,0,1-4.35276-4.35276V271.63072a4.35775,4.35775,0,0,1,4.35276-4.35276H888.04573a4.35774,4.35774,0,0,1,4.35275,4.35276V387.41408A4.35774,4.35774,0,0,1,888.04573,391.76684ZM700.87712,269.01906a2.61451,2.61451,0,0,0-2.61165,2.61166V387.41408a2.61451,2.61451,0,0,0,2.61165,2.61166H888.04573a2.61451,2.61451,0,0,0,2.61165-2.61166V271.63072a2.61451,2.61451,0,0,0-2.61165-2.61166Z" d="M888.04573,391.76684H700.87712a4.35775,4.35775,0,0,1-4.35276-4.35276V271.63072a4.35775,4.35775,0,0,1,4.35276-4.35276H888.04573a4.35774,4.35774,0,0,1,4.35275,4.35276V387.41408A4.35774,4.35774,0,0,1,888.04573,391.76684ZM700.87712,269.01906a2.61451,2.61451,0,0,0-2.61165,2.61166V387.41408a2.61451,2.61451,0,0,0,2.61165,2.61166H888.04573a2.61451,2.61451,0,0,0,2.61165-2.61166V271.63072a2.61451,2.61451,0,0,0-2.61165-2.61166Z"
transform="translate(-180.10152 -188.27796)" fill="#3f3d56"/> transform="translate(-180.10152 -188.27796)"
fill="#3f3d56"
/>
<path <path
d="M851.04728,305.94633H737.87557a3.91748,3.91748,0,1,1,0-7.835H851.04728a3.91748,3.91748,0,0,1,0,7.835Z" d="M851.04728,305.94633H737.87557a3.91748,3.91748,0,1,1,0-7.835H851.04728a3.91748,3.91748,0,0,1,0,7.835Z"
transform="translate(-180.10152 -188.27796)" fill="#ccc"/> transform="translate(-180.10152 -188.27796)"
fill="#ccc"
/>
<path <path
d="M851.04728,332.93343H737.87557a3.91748,3.91748,0,1,1,0-7.835H851.04728a3.91748,3.91748,0,0,1,0,7.835Z" d="M851.04728,332.93343H737.87557a3.91748,3.91748,0,1,1,0-7.835H851.04728a3.91748,3.91748,0,0,1,0,7.835Z"
transform="translate(-180.10152 -188.27796)" fill="#ccc"/> transform="translate(-180.10152 -188.27796)"
<circle cx="660.86325" cy="173.44409" r="14" fill={fillColor}/> fill="#ccc"
/>
<circle cx="660.86325" cy="173.44409" r="14" fill={fillColor} />
<path <path
d="M841.34939,355.1268V353.793h.39488v1.33382a4.25848,4.25848,0,0,1,1.61464.39489,2.372,2.372,0,0,1,.92139.768,1.79468,1.79468,0,0,1,.33346,1.0485,1.13131,1.13131,0,0,1-.25887.75466.801.801,0,0,1-.6362.30713.66792.66792,0,0,1-.49141-.20183.67875.67875,0,0,1-.20183-.50018.94972.94972,0,0,1,.079-.37733l.158-.33346a1.10866,1.10866,0,0,0,.079-.43876,1.03337,1.03337,0,0,0-.21061-.64483,1.27287,1.27287,0,0,0-.59671-.417,3.37919,3.37919,0,0,0-.78977-.158v4.8l.08776.05265a8.74061,8.74061,0,0,1,2.22011,1.67606,3.942,3.942,0,0,1,.67131,1.13653,3.48548,3.48548,0,0,1,.24131,1.25909,3.05619,3.05619,0,0,1-.42121,1.58831,2.85171,2.85171,0,0,1-1.16709,1.0969,4.92848,4.92848,0,0,1-1.63219.47386v1.43035h-.39488v-1.404a4.40491,4.40491,0,0,1-1.66728-.34223,3.15528,3.15528,0,0,1-1.347-.96527,2.18559,2.18559,0,0,1-.47825-1.3777,1.55743,1.55743,0,0,1,.30713-.97857.91445.91445,0,0,1,.74589-.39913.64469.64469,0,0,1,.66692.66549,1.30412,1.30412,0,0,1-.32469.72665,2.20278,2.20278,0,0,0-.24131.4028.89954.89954,0,0,0-.06582.35016,1.41757,1.41757,0,0,0,.31152.87978,1.98877,1.98877,0,0,0,.838.62587,3.08659,3.08659,0,0,0,1.18465.21032h.0702v-5.73019l-.50018-.28958q-.71079-.41229-1.08374-.68446a4.52619,4.52619,0,0,1-.6713-.59671,2.88251,2.88251,0,0,1-.781-1.98319,2.69087,2.69087,0,0,1,.33346-1.31175,2.61657,2.61657,0,0,1,.92139-.97857A3.75,3.75,0,0,1,841.34939,355.1268Zm0,.19306a2.71562,2.71562,0,0,0-.98721.21909,1.68175,1.68175,0,0,0-.734.70938,2.17061,2.17061,0,0,0-.27953,1.09463,2.22358,2.22358,0,0,0,.41059,1.305,2.6476,2.6476,0,0,0,.51109.552,9.52086,9.52086,0,0,0,.99173.64795l.08733.05265Zm.39488,11.89913a2.72113,2.72113,0,0,0,.66394-.1404,1.74956,1.74956,0,0,0,.48052-.2808,2.17254,2.17254,0,0,0,.61157-.85544,2.94766,2.94766,0,0,0,.22716-1.15408,3.62464,3.62464,0,0,0-1.98319-3.03621Z" d="M841.34939,355.1268V353.793h.39488v1.33382a4.25848,4.25848,0,0,1,1.61464.39489,2.372,2.372,0,0,1,.92139.768,1.79468,1.79468,0,0,1,.33346,1.0485,1.13131,1.13131,0,0,1-.25887.75466.801.801,0,0,1-.6362.30713.66792.66792,0,0,1-.49141-.20183.67875.67875,0,0,1-.20183-.50018.94972.94972,0,0,1,.079-.37733l.158-.33346a1.10866,1.10866,0,0,0,.079-.43876,1.03337,1.03337,0,0,0-.21061-.64483,1.27287,1.27287,0,0,0-.59671-.417,3.37919,3.37919,0,0,0-.78977-.158v4.8l.08776.05265a8.74061,8.74061,0,0,1,2.22011,1.67606,3.942,3.942,0,0,1,.67131,1.13653,3.48548,3.48548,0,0,1,.24131,1.25909,3.05619,3.05619,0,0,1-.42121,1.58831,2.85171,2.85171,0,0,1-1.16709,1.0969,4.92848,4.92848,0,0,1-1.63219.47386v1.43035h-.39488v-1.404a4.40491,4.40491,0,0,1-1.66728-.34223,3.15528,3.15528,0,0,1-1.347-.96527,2.18559,2.18559,0,0,1-.47825-1.3777,1.55743,1.55743,0,0,1,.30713-.97857.91445.91445,0,0,1,.74589-.39913.64469.64469,0,0,1,.66692.66549,1.30412,1.30412,0,0,1-.32469.72665,2.20278,2.20278,0,0,0-.24131.4028.89954.89954,0,0,0-.06582.35016,1.41757,1.41757,0,0,0,.31152.87978,1.98877,1.98877,0,0,0,.838.62587,3.08659,3.08659,0,0,0,1.18465.21032h.0702v-5.73019l-.50018-.28958q-.71079-.41229-1.08374-.68446a4.52619,4.52619,0,0,1-.6713-.59671,2.88251,2.88251,0,0,1-.781-1.98319,2.69087,2.69087,0,0,1,.33346-1.31175,2.61657,2.61657,0,0,1,.92139-.97857A3.75,3.75,0,0,1,841.34939,355.1268Zm0,.19306a2.71562,2.71562,0,0,0-.98721.21909,1.68175,1.68175,0,0,0-.734.70938,2.17061,2.17061,0,0,0-.27953,1.09463,2.22358,2.22358,0,0,0,.41059,1.305,2.6476,2.6476,0,0,0,.51109.552,9.52086,9.52086,0,0,0,.99173.64795l.08733.05265Zm.39488,11.89913a2.72113,2.72113,0,0,0,.66394-.1404,1.74956,1.74956,0,0,0,.48052-.2808,2.17254,2.17254,0,0,0,.61157-.85544,2.94766,2.94766,0,0,0,.22716-1.15408,3.62464,3.62464,0,0,0-1.98319-3.03621Z"
transform="translate(-180.10152 -188.27796)" fill="#fff"/> transform="translate(-180.10152 -188.27796)"
fill="#fff"
/>
<path <path
d="M500.04705,374.49034a11.18294,11.18294,0,0,0-11.92823,12.31914l-35.98248,16.86895,17.6119,10.78392L501.21773,396.79a11.24355,11.24355,0,0,0-1.17068-22.29968Z" d="M500.04705,374.49034a11.18294,11.18294,0,0,0-11.92823,12.31914l-35.98248,16.86895,17.6119,10.78392L501.21773,396.79a11.24355,11.24355,0,0,0-1.17068-22.29968Z"
transform="translate(-180.10152 -188.27796)" fill="#ffb6b6"/> transform="translate(-180.10152 -188.27796)"
<polygon points="171.049 510.77 183.476 510.769 189.388 462.837 171.047 462.838 171.049 510.77" fill="#ffb6b6"
fill="#ffb6b6"/> />
<polygon
points="171.049 510.77 183.476 510.769 189.388 462.837 171.047 462.838 171.049 510.77"
fill="#ffb6b6"
/>
<path <path
d="M347.981,694.99057l24.47283-.001h.001a15.59684,15.59684,0,0,1,15.596,15.59575v.50681l-40.06908.00149Z" d="M347.981,694.99057l24.47283-.001h.001a15.59684,15.59684,0,0,1,15.596,15.59575v.50681l-40.06908.00149Z"
transform="translate(-180.10152 -188.27796)" fill="#2f2e41"/> transform="translate(-180.10152 -188.27796)"
<polygon points="234.459 510.77 246.886 510.769 252.798 462.837 234.457 462.838 234.459 510.77" fill="#2f2e41"
fill="#ffb6b6"/> />
<polygon
points="234.459 510.77 246.886 510.769 252.798 462.837 234.457 462.838 234.459 510.77"
fill="#ffb6b6"
/>
<path <path
d="M411.391,694.99057l24.47283-.001h.001a15.59684,15.59684,0,0,1,15.596,15.59575v.50681l-40.06908.00149Z" d="M411.391,694.99057l24.47283-.001h.001a15.59684,15.59684,0,0,1,15.596,15.59575v.50681l-40.06908.00149Z"
transform="translate(-180.10152 -188.27796)" fill="#2f2e41"/> transform="translate(-180.10152 -188.27796)"
fill="#2f2e41"
/>
<polygon <polygon
points="242.76 262.159 249.067 275.738 260.438 397.176 251.599 501.554 230.926 501.554 206.532 337.03 195.074 497.764 167.18 496.638 161.825 278.718 242.76 262.159" points="242.76 262.159 249.067 275.738 260.438 397.176 251.599 501.554 230.926 501.554 206.532 337.03 195.074 497.764 167.18 496.638 161.825 278.718 242.76 262.159"
fill="#2f2e41"/> fill="#2f2e41"
/>
<path <path
d="M322.35011,338.37232l26.14948-10.63882,36.90884,2.07,32.81286,11.95777L429.16882,464.016c-28.5463,15.58821-57.46265,19.84291-86.88214,8.69662l-27.30385-79.62774Z" d="M322.35011,338.37232l26.14948-10.63882,36.90884,2.07,32.81286,11.95777L429.16882,464.016c-28.5463,15.58821-57.46265,19.84291-86.88214,8.69662l-27.30385-79.62774Z"
transform="translate(-180.10152 -188.27796)" fill="#e4e4e4"/> transform="translate(-180.10152 -188.27796)"
fill="#e4e4e4"
/>
<path <path
d="M408.01258,344.99321l11.60412-3.232s8.777-5.70687,11.66475,11.25755,17.74674,43.35179,17.74674,43.35179l25.43689-13.55623,11.77684,25.71876-40.17082,24.3336-42.30322-42.62435Z" d="M408.01258,344.99321l11.60412-3.232s8.777-5.70687,11.66475,11.25755,17.74674,43.35179,17.74674,43.35179l25.43689-13.55623,11.77684,25.71876-40.17082,24.3336-42.30322-42.62435Z"
transform="translate(-180.10152 -188.27796)" fill="#e4e4e4"/> transform="translate(-180.10152 -188.27796)"
<path id="a80a6b0c-a21b-4eb6-b764-70793a425e46-43" data-name="Path 40" fill="#e4e4e4"
d="M344.36137,305.08309h0a26.60911,26.60911,0,1,1,48.69886-21.4616l.15213.352a26.61391,26.61391,0,1,1-48.86107,21.11392Z" />
transform="translate(-180.10152 -188.27796)" fill="#ffb6b6"/> <path
<path id="b51b91e7-03ed-46d5-9b2a-c48431fd2f0d-44" data-name="Path 72" id="a80a6b0c-a21b-4eb6-b764-70793a425e46-43"
d="M380.48666,280.72968c5.53288,1.00387,14.09526,4.48722,18.84719.40069a23.29107,23.29107,0,0,0-8.623-6.30727,5.31442,5.31442,0,0,1-1.78491-1.00876c-1.62011-1.63724-.36833-4.45837-1.10968-6.672a5.71717,5.71717,0,0,0-3.93656-3.24591c-1.64929-.49349-3.3776-.57358-4.99779-1.172-3.8341-1.441-6.55991-5.56482-10.49-6.68541-3.42422-.99049-6.86978.54889-9.825,2.3453s-5.87861,3.92779-9.33592,4.26872c-2.58351.23566-4.219,4.48522-6.81269,4.60972-5.43518.2644-5.13334-3.31789-5.53535,2.392-.232,3.4073-5.10057,10.18578-5.0215,13.62274.08048,2.25207-.31795,4.4826-.2537,6.74168a17.51461,17.51461,0,0,0,4.84751,11.51147c2.47446,2.54466,5.69295,4.261,7.77591,7.16149,1.08319,1.53982,1.83464,3.33723,3.09558,4.73049s3.39672,2.23181,4.80406,1.23711,1.43356-3.14743,2.13182-4.78553a5.23317,5.23317,0,0,1,5.20088-3.166,6.12882,6.12882,0,0,1,5.0008,4.08254c-.659-3.62008-2.39634-7.012-3.05657-10.63483s.20019-7.95066,3.31979-9.36513c1.33937-.62327,3.1487-.79073,3.68711-2.22693.32959-.86507.02807-1.88717.15511-2.8228C369.25528,281.1561,376.879,280.02172,380.48666,280.72968Z" data-name="Path 40"
transform="translate(-180.10152 -188.27796)" fill="#2f2e41"/> d="M344.36137,305.08309h0a26.60911,26.60911,0,1,1,48.69886-21.4616l.15213.352a26.61391,26.61391,0,1,1-48.86107,21.11392Z"
transform="translate(-180.10152 -188.27796)"
fill="#ffb6b6"
/>
<path
id="b51b91e7-03ed-46d5-9b2a-c48431fd2f0d-44"
data-name="Path 72"
d="M380.48666,280.72968c5.53288,1.00387,14.09526,4.48722,18.84719.40069a23.29107,23.29107,0,0,0-8.623-6.30727,5.31442,5.31442,0,0,1-1.78491-1.00876c-1.62011-1.63724-.36833-4.45837-1.10968-6.672a5.71717,5.71717,0,0,0-3.93656-3.24591c-1.64929-.49349-3.3776-.57358-4.99779-1.172-3.8341-1.441-6.55991-5.56482-10.49-6.68541-3.42422-.99049-6.86978.54889-9.825,2.3453s-5.87861,3.92779-9.33592,4.26872c-2.58351.23566-4.219,4.48522-6.81269,4.60972-5.43518.2644-5.13334-3.31789-5.53535,2.392-.232,3.4073-5.10057,10.18578-5.0215,13.62274.08048,2.25207-.31795,4.4826-.2537,6.74168a17.51461,17.51461,0,0,0,4.84751,11.51147c2.47446,2.54466,5.69295,4.261,7.77591,7.16149,1.08319,1.53982,1.83464,3.33723,3.09558,4.73049s3.39672,2.23181,4.80406,1.23711,1.43356-3.14743,2.13182-4.78553a5.23317,5.23317,0,0,1,5.20088-3.166,6.12882,6.12882,0,0,1,5.0008,4.08254c-.659-3.62008-2.39634-7.012-3.05657-10.63483s.20019-7.95066,3.31979-9.36513c1.33937-.62327,3.1487-.79073,3.68711-2.22693.32959-.86507.02807-1.88717.15511-2.8228C369.25528,281.1561,376.879,280.02172,380.48666,280.72968Z"
transform="translate(-180.10152 -188.27796)"
fill="#2f2e41"
/>
<path <path
d="M345.42185,471.2991a11.18295,11.18295,0,0,0-14.61214-8.97379l-24.26862-31.46958-6.70925,19.531,24.07449,26.88974a11.24355,11.24355,0,0,0,21.51552-5.97733Z" d="M345.42185,471.2991a11.18295,11.18295,0,0,0-14.61214-8.97379l-24.26862-31.46958-6.70925,19.531,24.07449,26.88974a11.24355,11.24355,0,0,0,21.51552-5.97733Z"
transform="translate(-180.10152 -188.27796)" fill="#ffb6b6"/> transform="translate(-180.10152 -188.27796)"
fill="#ffb6b6"
/>
<path <path
d="M330.73254,344.30787l-8.38243-5.93555s-19.17686-1.09855-21.96661,14.64645l-35.16332,57.84515,43.59811,60.14755,21.13747-22.25082-26.671-31.1678L325.678,376.47733Z" d="M330.73254,344.30787l-8.38243-5.93555s-19.17686-1.09855-21.96661,14.64645l-35.16332,57.84515,43.59811,60.14755,21.13747-22.25082-26.671-31.1678L325.678,376.47733Z"
transform="translate(-180.10152 -188.27796)" fill="#e4e4e4"/> transform="translate(-180.10152 -188.27796)"
fill="#e4e4e4"
/>
<path <path
d="M534.95585,353.47372h-.43976V341.42666a6.9725,6.9725,0,0,0-6.9725-6.97251H502.02026a6.9725,6.9725,0,0,0-6.97252,6.97249v66.0911a6.97251,6.97251,0,0,0,6.9725,6.97252h25.52331a6.97251,6.97251,0,0,0,6.97253-6.97249V362.049h.43977Z" d="M534.95585,353.47372h-.43976V341.42666a6.9725,6.9725,0,0,0-6.9725-6.97251H502.02026a6.9725,6.9725,0,0,0-6.97252,6.97249v66.0911a6.97251,6.97251,0,0,0,6.9725,6.97252h25.52331a6.97251,6.97251,0,0,0,6.97253-6.97249V362.049h.43977Z"
transform="translate(-180.10152 -188.27796)" fill="#3f3d56"/> transform="translate(-180.10152 -188.27796)"
fill="#3f3d56"
/>
<path <path
d="M527.8249,336.26815h-3.33163a2.47382,2.47382,0,0,1-2.29043,3.40813h-14.622a2.47384,2.47384,0,0,1-2.29043-3.40813h-3.11175a5.207,5.207,0,0,0-5.207,5.207v65.99413a5.207,5.207,0,0,0,5.207,5.207H527.8249a5.207,5.207,0,0,0,5.207-5.207h0V341.47514A5.207,5.207,0,0,0,527.8249,336.26815Z" d="M527.8249,336.26815h-3.33163a2.47382,2.47382,0,0,1-2.29043,3.40813h-14.622a2.47384,2.47384,0,0,1-2.29043-3.40813h-3.11175a5.207,5.207,0,0,0-5.207,5.207v65.99413a5.207,5.207,0,0,0,5.207,5.207H527.8249a5.207,5.207,0,0,0,5.207-5.207h0V341.47514A5.207,5.207,0,0,0,527.8249,336.26815Z"
transform="translate(-180.10152 -188.27796)" fill={fillColor}/> transform="translate(-180.10152 -188.27796)"
fill={fillColor}
/>
<path <path
d="M758.04573,312.76684H570.87712a4.35775,4.35775,0,0,1-4.35276-4.35276V192.63072a4.35775,4.35775,0,0,1,4.35276-4.35276H758.04573a4.35774,4.35774,0,0,1,4.35275,4.35276V308.41408A4.35774,4.35774,0,0,1,758.04573,312.76684Z" d="M758.04573,312.76684H570.87712a4.35775,4.35775,0,0,1-4.35276-4.35276V192.63072a4.35775,4.35775,0,0,1,4.35276-4.35276H758.04573a4.35774,4.35774,0,0,1,4.35275,4.35276V308.41408A4.35774,4.35774,0,0,1,758.04573,312.76684Z"
transform="translate(-180.10152 -188.27796)" fill="#fff"/> transform="translate(-180.10152 -188.27796)"
fill="#fff"
/>
<path <path
d="M758.04573,312.76684H570.87712a4.35775,4.35775,0,0,1-4.35276-4.35276V192.63072a4.35775,4.35775,0,0,1,4.35276-4.35276H758.04573a4.35774,4.35774,0,0,1,4.35275,4.35276V308.41408A4.35774,4.35774,0,0,1,758.04573,312.76684ZM570.87712,190.01906a2.61451,2.61451,0,0,0-2.61165,2.61166V308.41408a2.61451,2.61451,0,0,0,2.61165,2.61166H758.04573a2.61451,2.61451,0,0,0,2.61165-2.61166V192.63072a2.61451,2.61451,0,0,0-2.61165-2.61166Z" d="M758.04573,312.76684H570.87712a4.35775,4.35775,0,0,1-4.35276-4.35276V192.63072a4.35775,4.35775,0,0,1,4.35276-4.35276H758.04573a4.35774,4.35774,0,0,1,4.35275,4.35276V308.41408A4.35774,4.35774,0,0,1,758.04573,312.76684ZM570.87712,190.01906a2.61451,2.61451,0,0,0-2.61165,2.61166V308.41408a2.61451,2.61451,0,0,0,2.61165,2.61166H758.04573a2.61451,2.61451,0,0,0,2.61165-2.61166V192.63072a2.61451,2.61451,0,0,0-2.61165-2.61166Z"
transform="translate(-180.10152 -188.27796)" fill="#3f3d56"/> transform="translate(-180.10152 -188.27796)"
fill="#3f3d56"
/>
<path <path
d="M721.04728,226.94633H607.87557a3.91748,3.91748,0,1,1,0-7.835H721.04728a3.91748,3.91748,0,0,1,0,7.835Z" d="M721.04728,226.94633H607.87557a3.91748,3.91748,0,1,1,0-7.835H721.04728a3.91748,3.91748,0,0,1,0,7.835Z"
transform="translate(-180.10152 -188.27796)" fill="#ccc"/> transform="translate(-180.10152 -188.27796)"
fill="#ccc"
/>
<path <path
d="M721.04728,253.93343H607.87557a3.91748,3.91748,0,1,1,0-7.835H721.04728a3.91748,3.91748,0,0,1,0,7.835Z" d="M721.04728,253.93343H607.87557a3.91748,3.91748,0,1,1,0-7.835H721.04728a3.91748,3.91748,0,0,1,0,7.835Z"
transform="translate(-180.10152 -188.27796)" fill="#ccc"/> transform="translate(-180.10152 -188.27796)"
<circle cx="530.86325" cy="94.44409" r="14" fill={fillColor}/> fill="#ccc"
/>
<circle cx="530.86325" cy="94.44409" r="14" fill={fillColor} />
<path <path
d="M711.34939,276.1268V274.793h.39488v1.33382a4.25848,4.25848,0,0,1,1.61464.39489,2.372,2.372,0,0,1,.92139.768,1.79468,1.79468,0,0,1,.33346,1.0485,1.13131,1.13131,0,0,1-.25887.75466.801.801,0,0,1-.6362.30713.66792.66792,0,0,1-.49141-.20183.67875.67875,0,0,1-.20183-.50018.94972.94972,0,0,1,.079-.37733l.158-.33346a1.10866,1.10866,0,0,0,.079-.43876,1.03337,1.03337,0,0,0-.21061-.64483,1.27287,1.27287,0,0,0-.59671-.417,3.37919,3.37919,0,0,0-.78977-.158v4.8l.08776.05265a8.74061,8.74061,0,0,1,2.22011,1.67606,3.942,3.942,0,0,1,.67131,1.13653,3.48548,3.48548,0,0,1,.24131,1.25909,3.05619,3.05619,0,0,1-.42121,1.58831,2.85171,2.85171,0,0,1-1.16709,1.0969,4.92848,4.92848,0,0,1-1.63219.47386v1.43035h-.39488v-1.404a4.40491,4.40491,0,0,1-1.66728-.34223,3.15528,3.15528,0,0,1-1.347-.96527,2.18559,2.18559,0,0,1-.47825-1.3777,1.55743,1.55743,0,0,1,.30713-.97857.91445.91445,0,0,1,.74589-.39913.64469.64469,0,0,1,.66692.66549,1.30412,1.30412,0,0,1-.32469.72665,2.20278,2.20278,0,0,0-.24131.4028.89954.89954,0,0,0-.06582.35016,1.41757,1.41757,0,0,0,.31152.87978,1.98877,1.98877,0,0,0,.838.62587,3.08659,3.08659,0,0,0,1.18465.21032h.0702v-5.73019l-.50018-.28958q-.71079-.41229-1.08374-.68446a4.52619,4.52619,0,0,1-.6713-.59671,2.88251,2.88251,0,0,1-.781-1.98319,2.69087,2.69087,0,0,1,.33346-1.31175,2.61657,2.61657,0,0,1,.92139-.97857A3.75,3.75,0,0,1,711.34939,276.1268Zm0,.19306a2.71562,2.71562,0,0,0-.98721.21909,1.68175,1.68175,0,0,0-.734.70938,2.17061,2.17061,0,0,0-.27953,1.09463,2.22358,2.22358,0,0,0,.41059,1.305,2.6476,2.6476,0,0,0,.51109.552,9.52086,9.52086,0,0,0,.99173.64795l.08733.05265Zm.39488,11.89913a2.72113,2.72113,0,0,0,.66394-.1404,1.74956,1.74956,0,0,0,.48052-.2808,2.17254,2.17254,0,0,0,.61157-.85544,2.94766,2.94766,0,0,0,.22716-1.15408,3.62464,3.62464,0,0,0-1.98319-3.03621Z" d="M711.34939,276.1268V274.793h.39488v1.33382a4.25848,4.25848,0,0,1,1.61464.39489,2.372,2.372,0,0,1,.92139.768,1.79468,1.79468,0,0,1,.33346,1.0485,1.13131,1.13131,0,0,1-.25887.75466.801.801,0,0,1-.6362.30713.66792.66792,0,0,1-.49141-.20183.67875.67875,0,0,1-.20183-.50018.94972.94972,0,0,1,.079-.37733l.158-.33346a1.10866,1.10866,0,0,0,.079-.43876,1.03337,1.03337,0,0,0-.21061-.64483,1.27287,1.27287,0,0,0-.59671-.417,3.37919,3.37919,0,0,0-.78977-.158v4.8l.08776.05265a8.74061,8.74061,0,0,1,2.22011,1.67606,3.942,3.942,0,0,1,.67131,1.13653,3.48548,3.48548,0,0,1,.24131,1.25909,3.05619,3.05619,0,0,1-.42121,1.58831,2.85171,2.85171,0,0,1-1.16709,1.0969,4.92848,4.92848,0,0,1-1.63219.47386v1.43035h-.39488v-1.404a4.40491,4.40491,0,0,1-1.66728-.34223,3.15528,3.15528,0,0,1-1.347-.96527,2.18559,2.18559,0,0,1-.47825-1.3777,1.55743,1.55743,0,0,1,.30713-.97857.91445.91445,0,0,1,.74589-.39913.64469.64469,0,0,1,.66692.66549,1.30412,1.30412,0,0,1-.32469.72665,2.20278,2.20278,0,0,0-.24131.4028.89954.89954,0,0,0-.06582.35016,1.41757,1.41757,0,0,0,.31152.87978,1.98877,1.98877,0,0,0,.838.62587,3.08659,3.08659,0,0,0,1.18465.21032h.0702v-5.73019l-.50018-.28958q-.71079-.41229-1.08374-.68446a4.52619,4.52619,0,0,1-.6713-.59671,2.88251,2.88251,0,0,1-.781-1.98319,2.69087,2.69087,0,0,1,.33346-1.31175,2.61657,2.61657,0,0,1,.92139-.97857A3.75,3.75,0,0,1,711.34939,276.1268Zm0,.19306a2.71562,2.71562,0,0,0-.98721.21909,1.68175,1.68175,0,0,0-.734.70938,2.17061,2.17061,0,0,0-.27953,1.09463,2.22358,2.22358,0,0,0,.41059,1.305,2.6476,2.6476,0,0,0,.51109.552,9.52086,9.52086,0,0,0,.99173.64795l.08733.05265Zm.39488,11.89913a2.72113,2.72113,0,0,0,.66394-.1404,1.74956,1.74956,0,0,0,.48052-.2808,2.17254,2.17254,0,0,0,.61157-.85544,2.94766,2.94766,0,0,0,.22716-1.15408,3.62464,3.62464,0,0,0-1.98319-3.03621Z"
transform="translate(-180.10152 -188.27796)" fill="#fff"/> transform="translate(-180.10152 -188.27796)"
<path d="M562.10152,711.722h-381a1,1,0,0,1,0-2h381a1,1,0,0,1,0,2Z" fill="#fff"
transform="translate(-180.10152 -188.27796)" />
fill="#cacaca"/> <path
d="M562.10152,711.722h-381a1,1,0,0,1,0-2h381a1,1,0,0,1,0,2Z"
transform="translate(-180.10152 -188.27796)"
fill="#cacaca"
/>
</svg> </svg>
) );
};
} export default SvgRegister;
export default SvgRegister

37
src/core/components/timelines/DoneTimeLine.jsx
View File

@@ -4,32 +4,33 @@ import {
TimelineDot, TimelineDot,
TimelineItem, TimelineItem,
TimelineOppositeContent, TimelineOppositeContent,
TimelineSeparator TimelineSeparator,
} from "@mui/lab"; } from "@mui/lab";
import DoneIcon from "@mui/icons-material/Done"; import DoneIcon from "@mui/icons-material/Done";
import {Typography} from "@mui/material"; import { Typography } from "@mui/material";
const DoneTimeLine = ({date, primaryLabel, secondaryLabel, position}) => { const DoneTimeLine = ({ date, primaryLabel, secondaryLabel, position }) => {
return ( return (
<TimelineItem> <TimelineItem>
<TimelineOppositeContent <TimelineOppositeContent sx={{ m: "auto 0" }} align="right" variant="body2" color="text.secondary">
sx={{m: 'auto 0'}} {date}
align="right" </TimelineOppositeContent>
variant="body2"
color="text.secondary"
>{date}</TimelineOppositeContent>
<TimelineSeparator> <TimelineSeparator>
<TimelineDot color={'success'}> <TimelineDot color={"success"}>
<DoneIcon/> <DoneIcon />
</TimelineDot> </TimelineDot>
{position !== 'end' && <TimelineConnector/>} {position !== "end" && <TimelineConnector />}
</TimelineSeparator> </TimelineSeparator>
<TimelineContent sx={{py: '12px', px: 2}}> <TimelineContent sx={{ py: "12px", px: 2 }}>
<Typography variant="h6" component="span">{primaryLabel}</Typography> <Typography variant="h6" component="span">
<Typography variant="body2" color={'gray'}>{secondaryLabel}</Typography> {primaryLabel}
</Typography>
<Typography variant="body2" color={"gray"}>
{secondaryLabel}
</Typography>
</TimelineContent> </TimelineContent>
</TimelineItem> </TimelineItem>
) );
} };
export default DoneTimeLine export default DoneTimeLine;

36
src/core/components/timelines/InProgressTimeLine.jsx
View File

@@ -4,30 +4,32 @@ import {
TimelineDot, TimelineDot,
TimelineItem, TimelineItem,
TimelineOppositeContent, TimelineOppositeContent,
TimelineSeparator TimelineSeparator,
} from "@mui/lab"; } from "@mui/lab";
import {CircularProgress, Typography} from "@mui/material"; import { CircularProgress, Typography } from "@mui/material";
const InProgressTimeLine = ({date, primaryLabel, secondaryLabel, position}) => { const InProgressTimeLine = ({ date, primaryLabel, secondaryLabel, position }) => {
return ( return (
<TimelineItem sx={{minHeight: 90}}> <TimelineItem sx={{ minHeight: 90 }}>
<TimelineOppositeContent <TimelineOppositeContent sx={{ m: "auto 0" }} variant="body2" color="text.secondary">
sx={{m: 'auto 0'}} {date}
variant="body2" </TimelineOppositeContent>
color="text.secondary"
>{date}</TimelineOppositeContent>
<TimelineSeparator> <TimelineSeparator>
<TimelineDot color="primary"> <TimelineDot color="primary">
<CircularProgress color={'inherit'} size={40}/> <CircularProgress color={"inherit"} size={40} />
</TimelineDot> </TimelineDot>
{position !== 'end' && <TimelineConnector/>} {position !== "end" && <TimelineConnector />}
</TimelineSeparator> </TimelineSeparator>
<TimelineContent sx={{py: '12px', px: 2}}> <TimelineContent sx={{ py: "12px", px: 2 }}>
<Typography variant="h6" component="span">{primaryLabel}</Typography> <Typography variant="h6" component="span">
<Typography variant="body2" color={'gray'}>{secondaryLabel}</Typography> {primaryLabel}
</Typography>
<Typography variant="body2" color={"gray"}>
{secondaryLabel}
</Typography>
</TimelineContent> </TimelineContent>
</TimelineItem> </TimelineItem>
) );
} };
export default InProgressTimeLine export default InProgressTimeLine;

34
src/core/components/timelines/OpenTimeLine.jsx
View File

@@ -4,31 +4,33 @@ import {
TimelineDot, TimelineDot,
TimelineItem, TimelineItem,
TimelineOppositeContent, TimelineOppositeContent,
TimelineSeparator TimelineSeparator,
} from "@mui/lab"; } from "@mui/lab";
import CallMadeIcon from "@mui/icons-material/CallMade"; import CallMadeIcon from "@mui/icons-material/CallMade";
import {Typography} from "@mui/material"; import { Typography } from "@mui/material";
const OpenTimeLine = ({date, primaryLabel, secondaryLabel, position}) => { const OpenTimeLine = ({ date, primaryLabel, secondaryLabel, position }) => {
return ( return (
<TimelineItem> <TimelineItem>
<TimelineOppositeContent <TimelineOppositeContent sx={{ m: "auto 0" }} variant="body2" color="text.secondary">
sx={{m: 'auto 0'}} {date}
variant="body2" </TimelineOppositeContent>
color="text.secondary"
>{date}</TimelineOppositeContent>
<TimelineSeparator> <TimelineSeparator>
<TimelineDot> <TimelineDot>
<CallMadeIcon/> <CallMadeIcon />
</TimelineDot> </TimelineDot>
{position !== 'end' && <TimelineConnector/>} {position !== "end" && <TimelineConnector />}
</TimelineSeparator> </TimelineSeparator>
<TimelineContent sx={{py: '12px', px: 2}}> <TimelineContent sx={{ py: "12px", px: 2 }}>
<Typography variant="h6" component="span">{primaryLabel}</Typography> <Typography variant="h6" component="span">
<Typography variant="body2" color={'gray'}>{secondaryLabel}</Typography> {primaryLabel}
</Typography>
<Typography variant="body2" color={"gray"}>
{secondaryLabel}
</Typography>
</TimelineContent> </TimelineContent>
</TimelineItem> </TimelineItem>
) );
} };
export default OpenTimeLine export default OpenTimeLine;

16
src/core/components/timelines/timelineManager.jsx
View File

@@ -4,13 +4,13 @@ import DoneTimeLine from "@/core/components/timelines/DoneTimeLine";
const TimelineManager = (props) => { const TimelineManager = (props) => {
switch (props.status) { switch (props.status) {
case 'open': case "open":
return <OpenTimeLine {...props} /> return <OpenTimeLine {...props} />;
case 'in progress': case "in progress":
return <InProgressTimeLine {...props} /> return <InProgressTimeLine {...props} />;
case 'done': case "done":
return <DoneTimeLine {...props} /> return <DoneTimeLine {...props} />;
} }
} };
export default TimelineManager export default TimelineManager;

12
src/core/data/apiRoutes.js
View File

@@ -21,11 +21,9 @@ export const GET_CITIES_LIST = BASE_URL + "/cities";
export const GET_EDUCATIONS_LIST = BASE_URL + "/education"; export const GET_EDUCATIONS_LIST = BASE_URL + "/education";
export const GET_OCCUPATIONS_LIST = BASE_URL + "/occupations"; export const GET_OCCUPATIONS_LIST = BASE_URL + "/occupations";
export const GET_LOAN_DETAILS = BASE_URL + "/navgan/loan/details/" export const GET_LOAN_DETAILS = BASE_URL + "/navgan/loan/details/";
export const UPDATE_LOAN = BASE_URL + "/navgan/loan/update/" export const UPDATE_LOAN = BASE_URL + "/navgan/loan/update/";
export const GET_PROJECT_TITLE = BASE_URL + "/navgan_plans"
export const GET_ACTIVITY_LIST = BASE_URL + "/activity_types"
export const GET_PRIORITY_LIST = BASE_URL + "/activity_priorities"
export const GET_PROJECT_TITLE = BASE_URL + "/navgan_plans";
export const GET_ACTIVITY_LIST = BASE_URL + "/activity_types";
export const GET_PRIORITY_LIST = BASE_URL + "/activity_priorities";

18
src/core/data/headerItems.js
View File

@@ -1,21 +1,11 @@
import {Button, Link} from "@mui/material"; import { Button, Link } from "@mui/material";
const headerItems = [ const headerItems = [
<Button <Button key="help" variant={"contained"} color={"warning"} size={"small"} sx={{ mx: 2 }}>
key="help" <Link color={"white"} download underline="none" href={"/files/راهنمای-سامانه.pdf"}>
variant={'contained'}
color={'warning'}
size={'small'}
sx={{mx: 2}}>
<Link
color={'white'}
download
underline="none"
href={'/files/راهنمای-سامانه.pdf'}
>
راهنمای سامانه راهنمای سامانه
</Link> </Link>
</Button> </Button>,
]; ];
export default headerItems; export default headerItems;

10
src/core/data/languageList.js
View File

@@ -1,14 +1,14 @@
import {FA_DATATABLE_LOCALIZATION} from "&/locales/fa/datatable"; import { FA_DATATABLE_LOCALIZATION } from "&/locales/fa/datatable";
const languageList = [ const languageList = [
{ {
key: "fa", key: "fa",
dir: 'rtl', dir: "rtl",
name: "فارسی", name: "فارسی",
fontFamily: `IRANSans, sans-serif`, fontFamily: `IRANSans, sans-serif`,
tableLocalization: FA_DATATABLE_LOCALIZATION, tableLocalization: FA_DATATABLE_LOCALIZATION,
chartLocalization: null chartLocalization: null,
} },
]; ];
export default languageList; export default languageList;

12
src/core/data/sidebarMenu.js
View File

@@ -9,27 +9,27 @@ const sidebarMenu = [
name: "sidebar.dashboard", name: "sidebar.dashboard",
type: "page", type: "page",
route: "/dashboard", route: "/dashboard",
icon: <SpaceDashboardIcon sx={{width: 'inherit', height: 'inherit'}}/>, icon: <SpaceDashboardIcon sx={{ width: "inherit", height: "inherit" }} />,
selected: false, selected: false,
permission: "all" permission: "all",
}, },
{ {
key: "sidebar.add-request-loan", key: "sidebar.add-request-loan",
name: "sidebar.add-request-loan", name: "sidebar.add-request-loan",
type: "page", type: "page",
route: "/dashboard/navgan/add-request-loan", route: "/dashboard/navgan/add-request-loan",
icon: <DataSaverOnIcon sx={{width: 'inherit', height: 'inherit'}}/>, icon: <DataSaverOnIcon sx={{ width: "inherit", height: "inherit" }} />,
selected: false, selected: false,
permission: "can_request_navgan_loan" permission: "can_request_navgan_loan",
}, },
{ {
key: "sidebar.followUp-loan", key: "sidebar.followUp-loan",
name: "sidebar.followUp-loan", name: "sidebar.followUp-loan",
type: "page", type: "page",
route: "/dashboard/navgan/followUp-loan", route: "/dashboard/navgan/followUp-loan",
icon: <BookmarkAddedIcon sx={{width: 'inherit', height: 'inherit'}}/>, icon: <BookmarkAddedIcon sx={{ width: "inherit", height: "inherit" }} />,
selected: false, selected: false,
permission: "all" permission: "all",
}, },
], ],
]; ];

12
src/core/utils/globalServerProps.js
View File

@@ -1,12 +1,12 @@
import {parse} from "next-useragent"; import { parse } from "next-useragent";
export const globalServerProps = async ({req, locale}) => { export const globalServerProps = async ({ req, locale }) => {
const {isBot} = parse(req.headers["user-agent"]); const { isBot } = parse(req.headers["user-agent"]);
return { return {
messages: (await import(`&/locales/${locale}/app.json`)).default, messages: (await import(`&/locales/${locale}/app.json`)).default,
isBot, isBot,
locale, locale,
today: new Date().getTime() today: new Date().getTime(),
} };
} };

9
src/core/utils/isValidJson.js
View File

@@ -1,9 +1,8 @@
export const isValidJson = (value) => { export const isValidJson = (value) => {
try { try {
JSON.parse(value) JSON.parse(value);
return true return true;
} catch (e) { } catch (e) {
return false return false;
} }
};
}

4
src/core/utils/theme-rtl.jsx
View File

@@ -1,6 +1,6 @@
import {createTheme} from "@mui/material/styles"; import { createTheme } from "@mui/material/styles";
import theme from "./theme"; import theme from "./theme";
import {faIR} from "@mui/x-date-pickers/locales"; import { faIR } from "@mui/x-date-pickers/locales";
const themeRtl = createTheme({ const themeRtl = createTheme({
direction: "rtl", direction: "rtl",

2
src/core/utils/theme.jsx
View File

@@ -1,4 +1,4 @@
import {colord} from "colord"; import { colord } from "colord";
const theme = { const theme = {
palette: { palette: {

24
src/layouts/dashboard.jsx
View File

@@ -1,31 +1,31 @@
import {DashboardLayout as DashboardLayoutPure, useUser} from "@witel/webapp-builder"; import { DashboardLayout as DashboardLayoutPure, useUser } from "@witel/webapp-builder";
import headerProfileItems from "@/core/data/headerProfileItems"; import headerProfileItems from "@/core/data/headerProfileItems";
import sidebarMenu from "@/core/data/sidebarMenu"; import sidebarMenu from "@/core/data/sidebarMenu";
import {GET_SIDEBAR_NOTIFICATION} from "@/core/data/apiRoutes"; import { GET_SIDEBAR_NOTIFICATION } from "@/core/data/apiRoutes";
import UserInfo from "@/middlewares/UserInfo"; import UserInfo from "@/middlewares/UserInfo";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import moment from "jalali-moment"; import moment from "jalali-moment";
import headerItems from "@/core/data/headerItems"; import headerItems from "@/core/data/headerItems";
const DashboardLayout = (props) => { const DashboardLayout = (props) => {
const {user} = useUser() const { user } = useUser();
const middlewaresProps = props.middlewaresProps || {} const middlewaresProps = props.middlewaresProps || {};
const t = useTranslations() const t = useTranslations();
return ( return (
<> <>
<DashboardLayoutPure <DashboardLayoutPure
middlewares={{list: [UserInfo], props: {...middlewaresProps, loginUrl: '/login'}}} middlewares={{ list: [UserInfo], props: { ...middlewaresProps, loginUrl: "/login" } }}
user_introduction={user.phone_number} user_introduction={user.phone_number}
headerProfileItems={headerProfileItems} headerProfileItems={headerProfileItems}
headerSubtitle={`${t('today')} ${moment().locale('fa').format('LL')}`} headerSubtitle={`${t("today")} ${moment().locale("fa").format("LL")}`}
HeaderItem={headerItems} HeaderItem={headerItems}
sidebarMenu={sidebarMenu} sidebarMenu={sidebarMenu}
urlNotification={GET_SIDEBAR_NOTIFICATION} urlNotification={GET_SIDEBAR_NOTIFICATION}
BC_segmentsToRemove={['navgan', '[id]']} BC_segmentsToRemove={["navgan", "[id]"]}
{...props} {...props}
/> />
</> </>
) );
} };
export default DashboardLayout export default DashboardLayout;

20
src/layouts/index.jsx
View File

@@ -1,16 +1,12 @@
import {Fragment} from "react"; import { Fragment } from "react";
const layoutList = (await import('./list')) const layoutList = await import("./list");
const Layout = ({layout, children}) => { const Layout = ({ layout, children }) => {
const Component = layoutList[layout?.name] || Fragment const Component = layoutList[layout?.name] || Fragment;
const props = layout?.props || {} const props = layout?.props || {};
return ( return <Component {...props}>{children}</Component>;
<Component {...props}> };
{children}
</Component>
)
}
export default Layout export default Layout;

4
src/layouts/list.jsx
View File

@@ -1,3 +1,3 @@
import DashboardLayout from './dashboard' import DashboardLayout from "./dashboard";
export {DashboardLayout} export { DashboardLayout };

50
src/lib/app/hooks/useActivityType.jsx
View File

@@ -1,34 +1,36 @@
import {GET_ACTIVITY_LIST} from "@/core/data/apiRoutes"; import { GET_ACTIVITY_LIST } from "@/core/data/apiRoutes";
import {useRequest} from "@witel/webapp-builder"; import { useRequest } from "@witel/webapp-builder";
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
const useActivityType = () => { const useActivityType = () => {
const [isLoadingActivityType, setIsLoadingActivityType] = useState(false) const [isLoadingActivityType, setIsLoadingActivityType] = useState(true);
const [errorActivityType, setErrorActivityType] = useState(false) const [errorActivityType, setErrorActivityType] = useState(false);
const [activityType, setActivityType] = useState([]) const [activityType, setActivityType] = useState([]);
const requestServer = useRequest({auth: true, notification: false}) const requestServer = useRequest({ auth: true, notification: false });
useEffect(() => { useEffect(() => {
setIsLoadingActivityType(true) setIsLoadingActivityType(true);
requestServer(GET_ACTIVITY_LIST, 'get', {auth: true, notification: false}).then(({data}) => { requestServer(GET_ACTIVITY_LIST, "get", { auth: true, notification: false })
const formattedData = data.data.map((activityList, index) => ({ .then(({ data }) => {
id: index, const formattedData = data.data.map((activityList, index) => ({
name: activityList.name, id: index,
value: activityList.id, name: activityList.name,
})); value: activityList.id,
setIsLoadingActivityType(false) }));
setActivityType(formattedData); setIsLoadingActivityType(false);
}).catch(() => { setActivityType(formattedData);
setIsLoadingActivityType(false) })
setErrorActivityType(true) .catch(() => {
}) setIsLoadingActivityType(false);
}, []) setErrorActivityType(true);
});
}, []);
return { return {
activityType, activityType,
isLoadingActivityType, isLoadingActivityType,
errorActivityType errorActivityType,
} };
}; };
export default useActivityType; export default useActivityType;

45
src/lib/app/hooks/useCities.jsx
View File

@@ -1,22 +1,22 @@
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
import {useRequest} from "@witel/webapp-builder"; import { useRequest } from "@witel/webapp-builder";
import {useTranslations} from "next-intl"; import { useTranslations } from "next-intl";
import {GET_CITIES_LIST} from "@/core/data/apiRoutes"; import { GET_CITIES_LIST } from "@/core/data/apiRoutes";
const useCities = () => { const useCities = () => {
const t = useTranslations(); const t = useTranslations();
const [provinceID, setProvinceID] = useState(null) const [provinceID, setProvinceID] = useState(null);
const [cityList, setCityList] = useState([]); const [cityList, setCityList] = useState([]);
const [cityTextField, setCityTextField] = useState(t("text_field_city_id")); const [cityTextField, setCityTextField] = useState(t("text_field_city_id"));
const [isLoadingCityList, setIsLoadingCityList] = useState(false) const [isLoadingCityList, setIsLoadingCityList] = useState(true);
const requestServer = useRequest({auth: true, notification: false}) const requestServer = useRequest({ auth: true, notification: false });
useEffect(() => { useEffect(() => {
if (provinceID === null) return if (provinceID === null) return;
setIsLoadingCityList(true) setIsLoadingCityList(true);
setCityTextField(t("text_field_loading_cities_list")) setCityTextField(t("text_field_loading_cities_list"));
requestServer(`${GET_CITIES_LIST}?province_id=${provinceID}`, "get", {auth: true, notification: false}) requestServer(`${GET_CITIES_LIST}?province_id=${provinceID}`, "get", { auth: true, notification: false })
.then(({data}) => { .then(({ data }) => {
const result = data.data; const result = data.data;
const formattedData = result.map((city, index) => ({ const formattedData = result.map((city, index) => ({
id: index, id: index,
@@ -24,13 +24,14 @@ const useCities = () => {
value: city.id, value: city.id,
})); }));
setCityList(formattedData); setCityList(formattedData);
setIsLoadingCityList(false) setIsLoadingCityList(false);
setCityTextField(t("text_field_city_id")) setCityTextField(t("text_field_city_id"));
}).catch(() => { })
setIsLoadingCityList(false) .catch(() => {
setCityTextField(t("text_field_error_fetching_cities")) setIsLoadingCityList(false);
}); setCityTextField(t("text_field_error_fetching_cities"));
}, [provinceID]) });
return {cityTextField, cityList, setProvinceID, isLoadingCityList} }, [provinceID]);
} return { cityTextField, cityList, setProvinceID, isLoadingCityList };
export default useCities };
export default useCities;

40
src/lib/app/hooks/useEducations.jsx
View File

@@ -1,29 +1,31 @@
import {GET_EDUCATIONS_LIST} from "@/core/data/apiRoutes"; import { GET_EDUCATIONS_LIST } from "@/core/data/apiRoutes";
import {useRequest} from "@witel/webapp-builder"; import { useRequest } from "@witel/webapp-builder";
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
const useEducations = () => { const useEducations = () => {
const [isLoadingEducationsList, setIsLoadingEducationsList] = useState(false) const [isLoadingEducationsList, setIsLoadingEducationsList] = useState(true);
const [errorEducationsList, setErrorEducationsList] = useState(false) const [errorEducationsList, setErrorEducationsList] = useState(false);
const [educationsList, setEducationsList] = useState([]) const [educationsList, setEducationsList] = useState([]);
const requestServer = useRequest({auth: true, notification: false}) const requestServer = useRequest({ auth: true, notification: false });
useEffect(() => { useEffect(() => {
setIsLoadingEducationsList(true) setIsLoadingEducationsList(true);
requestServer(GET_EDUCATIONS_LIST, 'get', {auth: true, notification: false}).then(({data}) => { requestServer(GET_EDUCATIONS_LIST, "get", { auth: true, notification: false })
setIsLoadingEducationsList(false) .then(({ data }) => {
setEducationsList(data.data); setIsLoadingEducationsList(false);
}).catch(() => { setEducationsList(data.data);
setIsLoadingEducationsList(false) })
setErrorEducationsList(true) .catch(() => {
}) setIsLoadingEducationsList(false);
}, []) setErrorEducationsList(true);
});
}, []);
return { return {
educationsList, educationsList,
isLoadingEducationsList, isLoadingEducationsList,
errorEducationsList errorEducationsList,
} };
}; };
export default useEducations; export default useEducations;

50
src/lib/app/hooks/useLimitedProvince.jsx
View File

@@ -1,34 +1,36 @@
import {GET_LIMITED_PROVINCE_LIST} from "@/core/data/apiRoutes"; import { GET_LIMITED_PROVINCE_LIST } from "@/core/data/apiRoutes";
import {useRequest} from "@witel/webapp-builder"; import { useRequest } from "@witel/webapp-builder";
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
const useLimitedProvince = () => { const useLimitedProvince = () => {
const [isLoadingProvinceList, setIsLoadingProvinceList] = useState(false) const [isLoadingProvinceList, setIsLoadingProvinceList] = useState(false);
const [errorProvinceList, setErrorProvinceList] = useState(false) const [errorProvinceList, setErrorProvinceList] = useState(false);
const [provinceList, setProvinceList] = useState([]) const [provinceList, setProvinceList] = useState([]);
const requestServer = useRequest({auth: true, notification: false}) const requestServer = useRequest({ auth: true, notification: false });
useEffect(() => { useEffect(() => {
setIsLoadingProvinceList(true) setIsLoadingProvinceList(true);
requestServer(GET_LIMITED_PROVINCE_LIST, 'get', {auth: true, notification: false}).then(({data}) => { requestServer(GET_LIMITED_PROVINCE_LIST, "get", { auth: true, notification: false })
const formattedData = data.data.map((province, index) => ({ .then(({ data }) => {
id: index, const formattedData = data.data.map((province, index) => ({
name: province.name, id: index,
value: province.id, name: province.name,
})); value: province.id,
setIsLoadingProvinceList(false) }));
setProvinceList(formattedData); setIsLoadingProvinceList(false);
}).catch(() => { setProvinceList(formattedData);
setIsLoadingProvinceList(false) })
setErrorProvinceList(true) .catch(() => {
}) setIsLoadingProvinceList(false);
}, []) setErrorProvinceList(true);
});
}, []);
return { return {
provinceList, provinceList,
isLoadingProvinceList, isLoadingProvinceList,
errorProvinceList errorProvinceList,
} };
}; };
export default useLimitedProvince; export default useLimitedProvince;

40
src/lib/app/hooks/useOccupations.jsx
View File

@@ -1,29 +1,31 @@
import {GET_OCCUPATIONS_LIST} from "@/core/data/apiRoutes"; import { GET_OCCUPATIONS_LIST } from "@/core/data/apiRoutes";
import {useRequest} from "@witel/webapp-builder"; import { useRequest } from "@witel/webapp-builder";
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
const useOccupations = () => { const useOccupations = () => {
const [isLoadingOccupationsList, setIsLoadingOccupationsList] = useState(false) const [isLoadingOccupationsList, setIsLoadingOccupationsList] = useState(true);
const [errorOccupationsList, setErrorOccupationsList] = useState(false) const [errorOccupationsList, setErrorOccupationsList] = useState(false);
const [occupationsList, setOccupationsList] = useState([]) const [occupationsList, setOccupationsList] = useState([]);
const requestServer = useRequest({auth: true, notification: false}) const requestServer = useRequest({ auth: true, notification: false });
useEffect(() => { useEffect(() => {
setIsLoadingOccupationsList(true) setIsLoadingOccupationsList(true);
requestServer(GET_OCCUPATIONS_LIST, 'get', {auth: true, notification: false}).then(({data}) => { requestServer(GET_OCCUPATIONS_LIST, "get", { auth: true, notification: false })
setIsLoadingOccupationsList(false) .then(({ data }) => {
setOccupationsList(data.data); setIsLoadingOccupationsList(false);
}).catch(() => { setOccupationsList(data.data);
setIsLoadingOccupationsList(false) })
setErrorOccupationsList(true) .catch(() => {
}) setIsLoadingOccupationsList(false);
}, []) setErrorOccupationsList(true);
});
}, []);
return { return {
occupationsList, occupationsList,
isLoadingOccupationsList, isLoadingOccupationsList,
errorOccupationsList errorOccupationsList,
} };
}; };
export default useOccupations; export default useOccupations;

2
src/lib/app/hooks/useProjectTitle.jsx
View File

@@ -3,7 +3,7 @@ import { useRequest } from "@witel/webapp-builder";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
const useProjectTitle = () => { const useProjectTitle = () => {
const [isLoadingProjectTitle, setIsLoadingProjectTitle] = useState(false); const [isLoadingProjectTitle, setIsLoadingProjectTitle] = useState(true);
const [errorProjectTitle, setErrorProjectTitle] = useState(false); const [errorProjectTitle, setErrorProjectTitle] = useState(false);
const [projectTitle, setProjectTitle] = useState([]); const [projectTitle, setProjectTitle] = useState([]);
const requestServer = useRequest({ auth: true, notification: false }); const requestServer = useRequest({ auth: true, notification: false });

50
src/lib/app/hooks/useProvince.jsx
View File

@@ -1,34 +1,36 @@
import {GET_PROVINCE_LIST} from "@/core/data/apiRoutes"; import { GET_PROVINCE_LIST } from "@/core/data/apiRoutes";
import {useRequest} from "@witel/webapp-builder"; import { useRequest } from "@witel/webapp-builder";
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
const useProvince = () => { const useProvince = () => {
const [isLoadingProvinceList, setIsLoadingProvinceList] = useState(false) const [isLoadingProvinceList, setIsLoadingProvinceList] = useState(true);
const [errorProvinceList, setErrorProvinceList] = useState(false) const [errorProvinceList, setErrorProvinceList] = useState(false);
const [provinceList, setProvinceList] = useState([]) const [provinceList, setProvinceList] = useState([]);
const requestServer = useRequest({auth: true, notification: false}) const requestServer = useRequest({ auth: true, notification: false });
useEffect(() => { useEffect(() => {
setIsLoadingProvinceList(true) setIsLoadingProvinceList(true);
requestServer(GET_PROVINCE_LIST, 'get', {auth: true, notification: false}).then(({data}) => { requestServer(GET_PROVINCE_LIST, "get", { auth: true, notification: false })
const formattedData = data.data.map((province, index) => ({ .then(({ data }) => {
id: index, const formattedData = data.data.map((province, index) => ({
name: province.name, id: index,
value: province.id, name: province.name,
})); value: province.id,
setIsLoadingProvinceList(false) }));
setProvinceList(formattedData); setIsLoadingProvinceList(false);
}).catch(() => { setProvinceList(formattedData);
setIsLoadingProvinceList(false) })
setErrorProvinceList(true) .catch(() => {
}) setIsLoadingProvinceList(false);
}, []) setErrorProvinceList(true);
});
}, []);
return { return {
provinceList, provinceList,
isLoadingProvinceList, isLoadingProvinceList,
errorProvinceList errorProvinceList,
} };
}; };
export default useProvince; export default useProvince;

8
src/middlewares/UserInfo.jsx
View File

@@ -1,9 +1,9 @@
import {useUser} from "@witel/webapp-builder"; import { useUser } from "@witel/webapp-builder";
const UserInfo = ({children}) => { const UserInfo = ({ children }) => {
const {user} = useUser(); const { user } = useUser();
const userAccess = user.profile_completed; const userAccess = user.profile_completed;
return userAccess ? <>{children}</> : ''; return userAccess ? <>{children}</> : "";
}; };
export default UserInfo; export default UserInfo;

22
src/pages/403.jsx
View File

@@ -1,24 +1,24 @@
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
import {useRouter} from "next/router"; import { useRouter } from "next/router";
import {NextIntlProvider} from "next-intl"; import { NextIntlProvider } from "next-intl";
import UnAuthorizedComponent from "@/components/errors/403"; import UnAuthorizedComponent from "@/components/errors/403";
export default function Custom404() { export default function Custom404() {
const router = useRouter() const router = useRouter();
const [messages, setMessages] = useState(null) const [messages, setMessages] = useState(null);
useEffect(() => { useEffect(() => {
const fetch = async () => { const fetch = async () => {
const tempMessages = (await import(`&/locales/${router.locale}/app.json`)).default const tempMessages = (await import(`&/locales/${router.locale}/app.json`)).default;
setMessages(tempMessages) setMessages(tempMessages);
} };
fetch() fetch();
}, []); }, []);
if (!messages) return if (!messages) return;
return ( return (
<NextIntlProvider messages={messages}> <NextIntlProvider messages={messages}>
<UnAuthorizedComponent/> <UnAuthorizedComponent />
</NextIntlProvider> </NextIntlProvider>
); );
} }

23
src/pages/404.jsx
View File

@@ -1,25 +1,24 @@
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
import {useRouter} from "next/router"; import { useRouter } from "next/router";
import {NextIntlProvider} from "next-intl"; import { NextIntlProvider } from "next-intl";
import NotFoundComponent from "@/components/errors/404"; import NotFoundComponent from "@/components/errors/404";
export default function Custom404() { export default function Custom404() {
const router = useRouter() const router = useRouter();
const [messages, setMessages] = useState(null) const [messages, setMessages] = useState(null);
useEffect(() => { useEffect(() => {
const fetch = async () => { const fetch = async () => {
const tempMessages = (await import(`&/locales/${router.locale}/app.json`)).default const tempMessages = (await import(`&/locales/${router.locale}/app.json`)).default;
setMessages(tempMessages) setMessages(tempMessages);
} };
fetch() fetch();
}, []); }, []);
if (!messages) return if (!messages) return;
return ( return (
<NextIntlProvider messages={messages}> <NextIntlProvider messages={messages}>
<NotFoundComponent/> <NotFoundComponent />
</NextIntlProvider> </NextIntlProvider>
); );
} }

22
src/pages/500.jsx
View File

@@ -1,24 +1,24 @@
import {useEffect, useState} from "react"; import { useEffect, useState } from "react";
import {useRouter} from "next/router"; import { useRouter } from "next/router";
import {NextIntlProvider} from "next-intl"; import { NextIntlProvider } from "next-intl";
import ServerErrorComponent from "@/components/errors/500"; import ServerErrorComponent from "@/components/errors/500";
export default function Custom500() { export default function Custom500() {
const router = useRouter() const router = useRouter();
const [messages, setMessages] = useState(null) const [messages, setMessages] = useState(null);
useEffect(() => { useEffect(() => {
const fetch = async () => { const fetch = async () => {
const tempMessages = (await import(`&/locales/${router.locale}/app.json`)).default const tempMessages = (await import(`&/locales/${router.locale}/app.json`)).default;
setMessages(tempMessages) setMessages(tempMessages);
} };
fetch() fetch();
}, []); }, []);
if (!messages) return if (!messages) return;
return ( return (
<NextIntlProvider messages={messages}> <NextIntlProvider messages={messages}>
<ServerErrorComponent/> <ServerErrorComponent />
</NextIntlProvider> </NextIntlProvider>
); );
} }

66
src/pages/_app.jsx
View File

@@ -8,45 +8,49 @@ import {
NetworkProvider, NetworkProvider,
PageMiddleware, PageMiddleware,
ToastProvider, ToastProvider,
UserProvider UserProvider,
} from "@witel/webapp-builder"; } from "@witel/webapp-builder";
import {GET_USER} from "@/core/data/apiRoutes"; import { GET_USER } from "@/core/data/apiRoutes";
import languageList from "@/core/data/languageList"; import languageList from "@/core/data/languageList";
import {NextIntlProvider} from "next-intl"; import { NextIntlProvider } from "next-intl";
import themeRtl from "@/core/utils/theme-rtl"; import themeRtl from "@/core/utils/theme-rtl";
import TitlePage from "@/core/components/TitlePage"; import TitlePage from "@/core/components/TitlePage";
import GlobalHead from "@/core/components/GlobalHead"; import GlobalHead from "@/core/components/GlobalHead";
import Layout from "@/layouts"; import Layout from "@/layouts";
import ConfigApp from "@/core/components/Config"; import ConfigApp from "@/core/components/Config";
const App = ({Component, pageProps}) => { const App = ({ Component, pageProps }) => {
return (<> return (
<ConfigApp> <>
<UserProvider urlGetUser={GET_USER} schemaGetUser={(data) => data}> <ConfigApp>
<LanguageProvider defaultLanguage={process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE} <UserProvider urlGetUser={GET_USER} schemaGetUser={(data) => data}>
languageList={languageList}> <LanguageProvider
<NextIntlProvider locale={pageProps.locale} messages={pageProps.messages || {}}> defaultLanguage={process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE}
<MuiLayout themes={{rtl: themeRtl}} isBot={pageProps.isBot}> languageList={languageList}
{pageProps.messages ? <TitlePage text={pageProps.title}/> : ''} >
<LoadingProvider> <NextIntlProvider locale={pageProps.locale} messages={pageProps.messages || {}}>
<ToastProvider> <MuiLayout themes={{ rtl: themeRtl }} isBot={pageProps.isBot}>
<AppLayout headComponent={GlobalHead} isBot={pageProps.isBot}> {pageProps.messages ? <TitlePage text={pageProps.title} /> : ""}
<NetworkProvider> <LoadingProvider>
<Layout layout={pageProps.layout}> <ToastProvider>
<PageMiddleware> <AppLayout headComponent={GlobalHead} isBot={pageProps.isBot}>
<Component {...pageProps} /> <NetworkProvider>
</PageMiddleware> <Layout layout={pageProps.layout}>
</Layout> <PageMiddleware>
</NetworkProvider> <Component {...pageProps} />
</AppLayout> </PageMiddleware>
</ToastProvider> </Layout>
</LoadingProvider> </NetworkProvider>
</MuiLayout> </AppLayout>
</NextIntlProvider> </ToastProvider>
</LanguageProvider> </LoadingProvider>
</UserProvider> </MuiLayout>
</ConfigApp> </NextIntlProvider>
</>); </LanguageProvider>
</UserProvider>
</ConfigApp>
</>
);
}; };
export default App; export default App;

24
src/pages/_document.jsx
View File

@@ -1,24 +1,24 @@
import theme from "@/core/utils/theme"; import theme from "@/core/utils/theme";
import createEmotionServer from "@emotion/server/create-instance"; import createEmotionServer from "@emotion/server/create-instance";
import Document, {Head, Html, Main, NextScript} from "next/document"; import Document, { Head, Html, Main, NextScript } from "next/document";
import {createEmotionCacheLtr, createEmotionCacheRtl} from "@witel/webapp-builder"; import { createEmotionCacheLtr, createEmotionCacheRtl } from "@witel/webapp-builder";
import languageList from "@/core/data/languageList"; import languageList from "@/core/data/languageList";
export default function MyDocument(props) { export default function MyDocument(props) {
const {emotionStyleTags} = props; const { emotionStyleTags } = props;
return ( return (
<Html> <Html>
<Head> <Head>
<meta name="theme-color" content={theme.palette.primary.main}/> <meta name="theme-color" content={theme.palette.primary.main} />
<meta name="emotion-insertion-point" content=""/> <meta name="emotion-insertion-point" content="" />
<link rel="shortcut icon" href="/icons/favicon.png"/> <link rel="shortcut icon" href="/icons/favicon.png" />
<link rel="manifest" href="/manifest.json"/> <link rel="manifest" href="/manifest.json" />
{emotionStyleTags} {emotionStyleTags}
</Head> </Head>
<body> <body>
<Main/> <Main />
<NextScript/> <NextScript />
</body> </body>
</Html> </Html>
); );
@@ -29,14 +29,14 @@ MyDocument.getInitialProps = async (ctx) => {
let cache; let cache;
for (const lang of languageList) { for (const lang of languageList) {
if (ctx.locale !== lang.key) continue; if (ctx.locale !== lang.key) continue;
if (lang.dir === 'rtl') { if (lang.dir === "rtl") {
cache = createEmotionCacheRtl(); cache = createEmotionCacheRtl();
} else { } else {
cache = createEmotionCacheLtr(); cache = createEmotionCacheLtr();
} }
} }
const {extractCriticalToChunks} = createEmotionServer(cache); const { extractCriticalToChunks } = createEmotionServer(cache);
ctx.renderPage = () => ctx.renderPage = () =>
originalRenderPage({ originalRenderPage({
@@ -54,7 +54,7 @@ MyDocument.getInitialProps = async (ctx) => {
data-emotion={`${style.key} ${style.ids.join(" ")}`} data-emotion={`${style.key} ${style.ids.join(" ")}`}
key={style.key} key={style.key}
// eslint-disable-next-line react/no-danger // eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{__html: style.css}} dangerouslySetInnerHTML={{ __html: style.css }}
/> />
)); ));

12
src/pages/dashboard/index.jsx
View File

@@ -1,18 +1,16 @@
import FirstComponent from "@/components/dashboard/first"; import FirstComponent from "@/components/dashboard/first";
import {globalServerProps} from "@/core/utils/globalServerProps"; import { globalServerProps } from "@/core/utils/globalServerProps";
export default function Dashboard() { export default function Dashboard() {
return ( return <FirstComponent />;
<FirstComponent/>
);
} }
export async function getServerSideProps({req, locale}) { export async function getServerSideProps({ req, locale }) {
return { return {
props: { props: {
...await globalServerProps({req, locale}), ...(await globalServerProps({ req, locale })),
title: "Dashboard.dashboard_page", title: "Dashboard.dashboard_page",
layout: {name: 'DashboardLayout'} layout: { name: "DashboardLayout" },
}, },
}; };
} }

16
src/pages/dashboard/navgan/[id]/show/index.jsx
View File

@@ -1,20 +1,18 @@
import {parse} from "next-useragent"; import { parse } from "next-useragent";
import ShowLoan from "@/components/dashboard/navgan/show"; import ShowLoan from "@/components/dashboard/navgan/show";
import {globalServerProps} from "@/core/utils/globalServerProps"; import { globalServerProps } from "@/core/utils/globalServerProps";
export default function ShowLoanRequest() { export default function ShowLoanRequest() {
return ( return <ShowLoan />;
<ShowLoan/>
);
} }
export async function getServerSideProps({req, locale}) { export async function getServerSideProps({ req, locale }) {
const {isBot} = parse(req.headers["user-agent"]); const { isBot } = parse(req.headers["user-agent"]);
return { return {
props: { props: {
...await globalServerProps({req, locale}), ...(await globalServerProps({ req, locale })),
title: "ShowLoan.show_loan_page", title: "ShowLoan.show_loan_page",
layout: {name: 'DashboardLayout'} layout: { name: "DashboardLayout" },
}, },
}; };
} }

12
src/pages/dashboard/navgan/followUp-loan/index.jsx
View File

@@ -1,18 +1,16 @@
import LoanFollowUpComponent from "@/components/dashboard/navgan/followUp-loan"; import LoanFollowUpComponent from "@/components/dashboard/navgan/followUp-loan";
import {globalServerProps} from "@/core/utils/globalServerProps"; import { globalServerProps } from "@/core/utils/globalServerProps";
export default function FollowUpLoan() { export default function FollowUpLoan() {
return ( return <LoanFollowUpComponent />;
<LoanFollowUpComponent/>
);
} }
export async function getServerSideProps({req, locale}) { export async function getServerSideProps({ req, locale }) {
return { return {
props: { props: {
...await globalServerProps({req, locale}), ...(await globalServerProps({ req, locale })),
title: "LoanRequest.loan_request_page", title: "LoanRequest.loan_request_page",
layout: {name: 'DashboardLayout'} layout: { name: "DashboardLayout" },
}, },
}; };
} }

9
src/pages/index.jsx
View File

@@ -1,19 +1,18 @@
import FirstComponent from "@/components/first"; import FirstComponent from "@/components/first";
import {globalServerProps} from "@/core/utils/globalServerProps"; import { globalServerProps } from "@/core/utils/globalServerProps";
export default function Home() { export default function Home() {
return ( return (
<> <>
<FirstComponent/> <FirstComponent />
</> </>
); );
} }
export async function getServerSideProps({req, locale}) { export async function getServerSideProps({ req, locale }) {
return { return {
props: { props: {
...await globalServerProps({req, locale}), ...(await globalServerProps({ req, locale })),
title: "first_page", title: "first_page",
}, },
}; };

12
src/pages/login.jsx
View File

@@ -1,19 +1,19 @@
import LoginComponent from "@/components/login"; import LoginComponent from "@/components/login";
import {WithoutAuthMiddleware} from "@witel/webapp-builder"; import { WithoutAuthMiddleware } from "@witel/webapp-builder";
import {globalServerProps} from "@/core/utils/globalServerProps"; import { globalServerProps } from "@/core/utils/globalServerProps";
export default function Login() { export default function Login() {
return ( return (
<WithoutAuthMiddleware defaultUrl={'/dashboard'}> <WithoutAuthMiddleware defaultUrl={"/dashboard"}>
<LoginComponent/> <LoginComponent />
</WithoutAuthMiddleware> </WithoutAuthMiddleware>
); );
} }
export async function getServerSideProps({req, locale}) { export async function getServerSideProps({ req, locale }) {
return { return {
props: { props: {
...await globalServerProps({req, locale}), ...(await globalServerProps({ req, locale })),
title: "Titles.title_login_page", title: "Titles.title_login_page",
}, },
}; };