fix: make order button disabled in case cart is empty

src/components/Button/button.module.scss

@@ -25,8 +25,8 @@
 	transition: 0.5s;
 
 	&:disabled {
-		background-color: black;
-		cursor: not-allowed;
+		background-color: $accent-color-lightest-green;
+		cursor: initial;
 	}
 }
 

src/components/making-order-btn/index.tsx

@@ -3,13 +3,19 @@ import styles from './making-order-btn.module.scss';
 import Button from '@components/Button';
 
 interface MakingOrderBtnProps {
+	isDisabled: boolean;
 	onClick?: () => void;
 }
 
-const MakingOrderBtn: React.FC<MakingOrderBtnProps> = ({ onClick }) => {
+const MakingOrderBtn: React.FC<MakingOrderBtnProps> = ({ onClick, isDisabled }) => {
 	return (
 		<div className={styles.order}>
-			<Button buttonText="Оформить заказ" buttonStyle="green-button" onClick={onClick} />
+			<Button
+				buttonText="Оформить заказ"
+				buttonStyle="green-button"
+				onClick={onClick}
+				disabled={isDisabled}
+			/>
 			<p className={`${styles.order__title}`}>
 				Нажимая на&nbsp;кнопку &laquo;Оформить заказ&raquo;, вы&nbsp;соглашаетесь
 				с&nbsp;условиями обработки персональных данных, а&nbsp;также с&nbsp;условиями

src/components/making-order-btn/making-order-btn.module.scss

@@ -47,8 +47,8 @@
 	transition: 0.5s;
 
 	&:disabled {
-		background-color: black;
-		cursor: not-allowed;
+		background-color: $accent-color-lightest-green;
+		cursor: initial;
 	}
 }
 

src/pages/checkout/checkout.module.scss

@@ -513,8 +513,8 @@
 	transition: 0.5s;
 
 	&:disabled {
-		background-color: black;
-		cursor: not-allowed;
+		background-color: $accent-color-lightest-green;
+		cursor: initial;
 	}
 }
 

src/pages/checkout/index.tsx

@@ -431,6 +431,7 @@ const Checkout: React.FC = () => {
 								!isLoggedIn && !isValid ? `${styles['orderse__buttonStyle_error']}` : ''
 							}`}
 							onClick={handleSubmitOrder}
+							disabled={cartData.products.length === 0}
 						>
 							Оформить заказ
 						</button>

src/pages/shopping-cart/index.tsx

@@ -118,7 +118,10 @@ const ShoppingCart: React.FC = () => {
 								</p>
 							</div>
 						</div>
-						<MakingOrderBtn onClick={handleSubmitOrderClick} />
+						<MakingOrderBtn
+							onClick={handleSubmitOrderClick}
+							isDisabled={cartData.products.length === 0}
+						/>
 					</div>
 				</div>
 			)}