system update loader

src/Map/LastMLRun.jsx

@@ -1,6 +1,6 @@
 import { startML, useLastMLRun } from "../api.js";
 import { Button, Popover, Spin, Tooltip } from "antd";
-import { InfoCircleOutlined } from "@ant-design/icons";
+import { InfoCircleOutlined, LoadingOutlined } from "@ant-design/icons";
 import { useMemo } from "react";
 
 const TASK_STATUSES = {
@@ -16,7 +16,7 @@ export function LastMLRun() {
     if (hasFinishedUpdate) return (
       <>
         <div className="text-xs text-grey z-10 bg-white-background rounded-xl px-2 py-0.5 space-y-3">
-          Последний запуск модели
+          Последнее обновление системы
         </div>
         <div className="text-xs text-grey z-10 bg-white-background rounded-xl px-2 py-0.5 space-y-3">
           {new Date(data?.last_time).toLocaleString('ru-RU')}
@@ -45,7 +45,10 @@ export function LastMLRun() {
     >
       <Tooltip title="Инфо">
         <Button className="absolute bottom-[64px] right-[20px] flex items-center justify-center p-3">
-          <InfoCircleOutlined className="w-4 h-4" />
+          {hasFinishedUpdate
+            ? <InfoCircleOutlined className="w-4 h-4" />
+            :  <Spin indicator={<LoadingOutlined style={{ fontSize: 16, color: "#000000" }} spin />} />
+          }
         </Button>
       </Tooltip>
     </Popover>