feat: add redirect after checkout, protect success screen

closes #181

src/pages/checkout/checkout-success/index.tsx

@@ -1,18 +1,21 @@
 import React from 'react';
-import { useLocation } from 'react-router';
+import { useLocation, useNavigate } from 'react-router';
 import styles from './checkout-success.module.scss';
 import OurBlock from '@components/our-block';
 import { Link } from 'react-router-dom';
 import OrderStatusTracker from '@components/order-status-tracker';
 
 const CheckoutSuccess: React.FC = () => {
-	// TODO: Add check for active order and redirect
 	const [order, setOrder] = React.useState<string>('');
 	const location = useLocation();
+	const navigate = useNavigate();
 
 	React.useEffect(
-		() => location.state?.order && setOrder(location.state.order),
-		[location]
+		() =>
+			location.state?.order
+				? setOrder(location.state.order)
+				: navigate('/', { replace: true }),
+		[location, navigate]
 	);
 
 	return (

src/pages/checkout/index.tsx

@@ -84,10 +84,9 @@ const Checkout: React.FC = () => {
 
 		api
 			.usersOrderCreate(formData)
-			.then(() => {
-				navigate('/cart');
+			.then((res) => {
+				navigate('/cart/success', { state: { order: res.order_number } });
 				loadCartData();
-				alert('заказ оформлен');
 			})
 			.catch((error) => {
 				if (error.response && error.response.data && error.response.data.errors) {