._.

src/components/DeliveryOrdersList.jsx

@@ -1,5 +1,6 @@
 import { getDeliveryOrders } from "../api";
 import React, { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
 
 const DeliveryOrdersList = ({
   totalOrderId,
@@ -8,6 +9,7 @@ const DeliveryOrdersList = ({
 }) => {
   const [deliveryOrders, setDeliveryOrders] = useState([]);
   const [loadingDeliveryOrders, setLoadingDeliveryOrders] = useState(true);
+  const navigate = useNavigate();
 
   useEffect(() => {
     fetchDeliveryOrders();
@@ -19,12 +21,19 @@ const DeliveryOrdersList = ({
       setDeliveryOrdersCount(orders.length);
       setDeliveryOrders(orders);
     } catch (error) {
+      if (error.response && error.response.status === 401) {
+        navigate("/login");
+      }
       console.error("Ошибка при загрузке подзаказов:", error);
     } finally {
       setLoadingDeliveryOrders(false);
     }
   };
 
+  const formatTimeInHours = (minutes) => {
+    return (minutes / 60).toFixed(2);
+  };
+
   return (
     <div>
       {loadingDeliveryOrders ? (
@@ -38,7 +47,13 @@ const DeliveryOrdersList = ({
             className="card mb-1"
             onClick={() => onSubOrderClick(order.id)}
           >
-            <div className="card-body">Подзаказ #{index + 1}</div>
+            <div className="card-body">
+              <p>Подзаказ #{index + 1}</p>
+              <p>
+                Время на подзаказ:
+                {formatTimeInHours(order.estimated_route_time_in_minutes)} час.
+              </p>
+            </div>
           </div>
         ))
       )}