From 0cf90668685aa81b3192dc628fa6b6bb0cb7d3a2 Mon Sep 17 00:00:00 2001
From: Nikolai <ni.tkachuk@yandex.ru>
Date: Tue, 20 Sep 2022 18:08:08 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BC=D0=B8=D0=BD=D0=B8-=D0=BC=D0=BE=D0=B4?=
 =?UTF-8?q?=D0=B0=D0=BB=D0=BA=D0=B8=20-=20=D0=BD=D0=B0=20=D1=80=D0=B5?=
 =?UTF-8?q?=D0=B2=D1=8C=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Content/Tariffs/ModalMini/index.tsx       | 80 ++++++++-----------
 1 file changed, 35 insertions(+), 45 deletions(-)

diff --git a/src/Components/LoggedIn/Content/Tariffs/ModalMini/index.tsx b/src/Components/LoggedIn/Content/Tariffs/ModalMini/index.tsx
index 15584df..43d8e8e 100644
--- a/src/Components/LoggedIn/Content/Tariffs/ModalMini/index.tsx
+++ b/src/Components/LoggedIn/Content/Tariffs/ModalMini/index.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Box, Modal, Fade, Backdrop, Typography, Button } from "@mui/material";
+import { Box, Modal, Fade, Backdrop, Typography, Button, TextField } from "@mui/material";
 import theme from "../../../../../theme";
 
 export interface MWProps {
@@ -9,7 +9,7 @@ export interface MWProps {
 }
 
 const ModalMini = ({open, variant, close}: MWProps ) =>  {
-  const variants = [ "Количество", "Срок" ];
+  const variants = [ "Количество", "Срок (дней)" ];
   const units = [ "", "дней" ];
 
   return (
@@ -41,50 +41,40 @@ const ModalMini = ({open, variant, close}: MWProps ) =>  {
             justifyContent: "center",
             alignItems: "center",
           }}>
-            <Box sx={{ 
-              display: "flex",
-              width: "90%"
-            }}>
-              <Typography id="transition-modal-title" sx={{ 
-                width: "90%",
-                display: "flex",
-                justifyContent: "space-between"
-              }}>
-                { variants[ variant ] }:
-              </Typography>
-              <Typography sx={{
-                width: "100%",
-                display: "flex",
-                flexDirection: "column",
-                justifyContent: "center",
-                alignItems: "center"
-              }}>
-                5 { units[ variant ] }
-              </Typography>
-            </Box>
+            <TextField
+              id = "standard-basic"
+              label = { variants[ variant ] }
+              variant = "filled"
+              color = "secondary"
+              sx = {{ width: "80%" }}
+              InputProps={{
+                style: {
+                  backgroundColor: theme.palette.content.main,
+                  color: theme.palette.secondary.main,
+                } }} 
+              InputLabelProps={{
+                style: {
+                  color: theme.palette.secondary.main
+                } }} 
+            />
+
+            <TextField
+              id = "standard-basic"
+              label = "Цена"
+              variant = "filled"
+              color = "secondary"
+              sx = {{ width: "80%", marginTop: "5px" }}
+              InputProps={{
+                style: {
+                  backgroundColor: theme.palette.content.main,
+                  color: theme.palette.secondary.main,
+                } }} 
+              InputLabelProps={{
+                style: {
+                  color: theme.palette.secondary.main
+                } }} 
+            />
 
-            <Box sx={{ 
-              display: "flex",
-              width: "90%",
-              marginTop: "20px"
-            }}>
-              <Typography id="transition-modal-title" sx={{ 
-                display: "flex",
-                width: "90%",
-                justifyContent: "space-between"
-              }}>
-                Цена: 
-              </Typography>
-              <Typography sx={{
-                width: "100%",
-                display: "flex",
-                flexDirection: "column",
-                justifyContent: "center",
-                alignItems: "center"
-              }}>
-                100500 $
-              </Typography>
-            </Box>
 
             <Button 
               variant = "contained"