._.

src/pages/Home.jsx

@@ -8,6 +8,7 @@ const Home = () => {
   const [statuses, setStatuses] = useState([]);
   const [totalOrders, setTotalOrders] = useState([]);
   const [expandedOrderId, setExpandedOrderId] = useState(null);
+  const [loadingStatuses, setLoadingStatuses] = useState(true);
   const navigate = useNavigate();
   const user = JSON.parse(localStorage.getItem("user"));
 
@@ -22,8 +23,11 @@ const Home = () => {
       setStatuses(data);
     } catch (error) {
       console.error("Ошибка при загрузке статусов:", error);
+    } finally {
+      setLoadingStatuses(false);
     }
   };
+
   const fetchTotalOrders = async () => {
     try {
       const orders = await getTotalOrders();
@@ -77,8 +81,23 @@ const Home = () => {
 
   return (
     <div className="container mt-4">
-      <button className="btn btn-primary mb-3" onClick={handleCreateOrder}>
+      <button
-        + Создать
+        className="btn btn-primary mb-3"
+        onClick={handleCreateOrder}
+        disabled={loadingStatuses}
+      >
+        {loadingStatuses ? (
+          <>
+            <span
+              className="spinner-border spinner-border-sm"
+              role="status"
+              aria-hidden="true"
+            ></span>
+            Загрузка...
+          </>
+        ) : (
+          "+ Создать"
+        )}
       </button>
 
       {totalOrders.map((order) => (