From 1d1fb02ca7281c49e4380acc6c91324aeafe43d5 Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Sun, 18 Aug 2024 14:33:14 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BE=D0=BA=D0=BE=D1=88=D0=BA=D0=BE=20=D1=81?=
 =?UTF-8?q?=D0=BF=D0=B0=D1=81=D0=B8=D0=B1=20=D0=B7=D0=B0=20=D0=B7=D0=B0?=
 =?UTF-8?q?=D1=8F=D0=B2=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Tariffs/ModalRequestCreate.tsx | 59 ++++++++++++++++++++++--
 1 file changed, 56 insertions(+), 3 deletions(-)

diff --git a/src/pages/Tariffs/ModalRequestCreate.tsx b/src/pages/Tariffs/ModalRequestCreate.tsx
index 43ab2c41..9c9b7817 100644
--- a/src/pages/Tariffs/ModalRequestCreate.tsx
+++ b/src/pages/Tariffs/ModalRequestCreate.tsx
@@ -8,6 +8,7 @@ import { sendContactFormRequest } from "@/api/tariff"
 import { TimePicker } from "@mui/x-date-pickers"
 import moment, { Moment } from "moment"
 import { enqueueSnackbar } from "notistack"
+import { useState } from "react"
 
 interface Props {
     open: boolean
@@ -88,8 +89,60 @@ export const ModalRequestCreate = ({
 }: Props) => {
     const theme = useTheme()
     const isMobile = useMediaQuery(theme.breakpoints.down(650));
+    const [isSending, setIsSending] = useState(false)
 
+    if (isSending) return (
+        <Modal
+            open={open}
+            onClose={onClose}
+        >
+            <Box sx={{
+                position: 'absolute' as 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+                bgcolor: 'background.paper',
+                boxShadow: 24,
+                width: isMobile ? "343px" : "418px",
+                borderRadius: "10px",
+                p: "50px"
+            }}>
+                <Typography
+                    sx={{
+                        fontSize: "24px",
+                        fontWeight: 500,
+                        lineHeight: "28.44px",
+                        textAlign: "center"
+                    }}
+                >Спасибо за заявку!</Typography>
+                <Typography
+                    sx={{
+                        fontSize: "18px",
+                        lineHeight: "21.33px",
+                        color: "#4D4D4D",
+                        m: "5px 0 30px 0"
 
+                    }}
+                >С вами свяжутся в течение 24 часов</Typography>
+                <Button
+                    variant="contained"
+                    fullWidth
+                    onClick={onClose}
+                    sx={{
+                        py: "12px",
+                        "&:hover": {
+                            backgroundColor: "#581CA7",
+                        },
+                        "&:active": {
+                            color: "white",
+                            backgroundColor: "black",
+                        },
+                    }}
+                >Ок</Button>
+
+            </Box>
+        </Modal>
+    )
     return (
         <Modal
             open={open}
@@ -159,11 +212,11 @@ export const ModalRequestCreate = ({
                             console.log(resp)
                             if (resp[0]?.status === 200) {
                                 enqueueSnackbar("Запрос успешно отправлен")
-                                onClose()
-                            } 
+                                setIsSending(true)
+                            }
                             if (resp[1]) {
                                 enqueueSnackbar(resp[1])
-                            } 
+                            }
                         }}
                     >
                         {({ values, isSubmitting, setFieldValue }) => (<>