From c81f700a2c3b6b1a19af34fa8be8f5705087a3f7 Mon Sep 17 00:00:00 2001
From: skeris <kotilion.95@gmail.com>
Date: Fri, 15 Dec 2023 22:49:10 +0300
Subject: [PATCH] feat: disount badges in all places

---
 src/components/Drawers.tsx                       | 2 ++
 src/components/TotalPrice.tsx                    | 3 +++
 src/pages/Cart/Cart.tsx                          | 2 +-
 src/pages/TariffConstructor/CustomTariffCard.tsx | 3 +++
 src/pages/Tariffs/TariffsPage.tsx                | 2 +-
 5 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/Drawers.tsx b/src/components/Drawers.tsx
index 4f7a13d..14b4d4d 100644
--- a/src/components/Drawers.tsx
+++ b/src/components/Drawers.tsx
@@ -278,6 +278,7 @@ function Drawers() {
 									pt: "38px",
 								}}
 							>
+              <Badge badgeContent={(cart.priceBeforeDiscounts - cart.priceAfterDiscounts)?`${(cart.priceBeforeDiscounts - cart.priceAfterDiscounts)/(cart.priceBeforeDiscounts/100)}`:null} color={'success'}>
 								<Box
 									sx={{
 										display: "flex",
@@ -308,6 +309,7 @@ function Drawers() {
 										{currencyFormatter.format(cart.priceAfterDiscounts / 100)}
 									</Typography>
 								</Box>
+                </Badge>
 								<Button
 									variant="pena-contained-dark"
 									onClick={() =>
diff --git a/src/components/TotalPrice.tsx b/src/components/TotalPrice.tsx
index a6b35b1..1dad5ea 100644
--- a/src/components/TotalPrice.tsx
+++ b/src/components/TotalPrice.tsx
@@ -5,6 +5,7 @@ import {
 	Alert,
 	Box,
 	Button,
+  Badge,
 	Typography,
 	useMediaQuery,
 	useTheme,
@@ -97,6 +98,7 @@ export default function TotalPrice({
 					pl: upMd ? "33px" : undefined,
 				}}
 			>
+      <Badge badgeContent={(priceAfterDiscounts - priceBeforeDiscounts) ?`${((priceBeforeDiscounts-priceAfterDiscounts)/(priceBeforeDiscounts/100)).toFixed(0)}%`:null} color={'success'}>
 				<Box
 					sx={{
 						display: "flex",
@@ -122,6 +124,7 @@ export default function TotalPrice({
 						{currencyFormatter.format(priceAfterDiscounts / 100)}
 					</Typography>
 				</Box>
+        </Badge>
 				{notEnoughMoneyAmount > 0 && (
 					<Alert severity="error" variant="filled">
             Нехватает {currencyFormatter.format(notEnoughMoneyAmount / 100)}
diff --git a/src/pages/Cart/Cart.tsx b/src/pages/Cart/Cart.tsx
index 0a00351..b2cabca 100644
--- a/src/pages/Cart/Cart.tsx
+++ b/src/pages/Cart/Cart.tsx
@@ -1,4 +1,4 @@
-import { Box, IconButton, Typography, useMediaQuery, useTheme } from "@mui/material"
+import { Box, IconButton, Typography, Badge, useMediaQuery, useTheme } from "@mui/material"
 import SectionWrapper from "@components/SectionWrapper"
 import ArrowBackIcon from "@mui/icons-material/ArrowBack"
 import TotalPrice from "@components/TotalPrice"
diff --git a/src/pages/TariffConstructor/CustomTariffCard.tsx b/src/pages/TariffConstructor/CustomTariffCard.tsx
index 3265a80..2d915cd 100644
--- a/src/pages/TariffConstructor/CustomTariffCard.tsx
+++ b/src/pages/TariffConstructor/CustomTariffCard.tsx
@@ -2,6 +2,7 @@ import {
 	Box,
 	Button,
 	Divider,
+  Badge,
 	Typography,
 	useMediaQuery,
 	useTheme,
@@ -116,6 +117,7 @@ export default function CustomTariffCard({ serviceKey, privileges }: Props) {
 				<Typography mb="20px" mt="18px">
           Сумма с учетом скидки
 				</Typography>
+        <Badge color={"success"} badgeContent={`${((priceBeforeDiscounts - priceAfterDiscounts)/priceBeforeDiscounts*100).toFixed(0)}%`}>
 				<Box
 					sx={{
 						display: "flex",
@@ -131,6 +133,7 @@ export default function CustomTariffCard({ serviceKey, privileges }: Props) {
 						{currencyFormatter.format(priceBeforeDiscounts / 100)}
 					</Typography>
 				</Box>
+        </Badge>
 				<Button
 					disabled={!priceBeforeDiscounts}
 					variant="pena-contained-dark"
diff --git a/src/pages/Tariffs/TariffsPage.tsx b/src/pages/Tariffs/TariffsPage.tsx
index c8ad99a..d06fdab 100644
--- a/src/pages/Tariffs/TariffsPage.tsx
+++ b/src/pages/Tariffs/TariffsPage.tsx
@@ -102,7 +102,7 @@ function TariffPage() {
                 return (
                     <TariffCard
                         key={tariff._id}
-                        discount={`${(priceBeforeDiscounts-priceAfterDiscounts)/(priceBeforeDiscounts/100)}%`}
+                        discount={`${((priceBeforeDiscounts-priceAfterDiscounts)/(priceBeforeDiscounts/100)).toFixed(0)}%`}
                         icon={
                             <NumberIcon
                                 number={index + 1}