Добавлено управление настройками автоподтверждения транзакций в компоненте AccountAgentTransactionSection. Реализован асинхронный запрос для получения и обновления настроек автоподтверждения с использованием токена авторизации. Обновлен компонент AccountAgentTransactionTable для поддержки новых функций и добавлена логика обработки утверждения транзакций. Обновлены стили и добавлены новые статусы для отображения в таблицах.

src/components/AccountAgentTransactionSection.tsx

@@ -1,7 +1,8 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import DateFilters from "./DateFilters";
 import AccountAgentTransactionTable from "./AccountAgentTransactionTable";
 import styles from "../styles/account.module.css";
+import Cookies from 'js-cookie';
 
 export default function AccountAgentTransactionSection() {
   const [filters, setFilters] = useState({
@@ -12,6 +13,33 @@ export default function AccountAgentTransactionSection() {
   const [autoConfirmEnabled, setAutoConfirmEnabled] = useState(false);
   const [showConfirmationUI, setShowConfirmationUI] = useState(false);
 
+  useEffect(() => {
+    const fetchAutoApproveSettings = async () => {
+      const token = Cookies.get("access_token");
+      if (!token) {
+        console.warn("Токен авторизации не найден при загрузке настроек автоподтверждения.");
+        return;
+      }
+      try {
+        const res = await fetch("/api/account/auto-approve", {
+          headers: {
+            'Authorization': `Bearer ${token}`
+          }
+        });
+        if (!res.ok) {
+          console.error('Ошибка при загрузке настроек автоподтверждения:', res.status, res.statusText);
+          return;
+        }
+        const data = await res.json();
+        setAutoConfirmEnabled(data.auto_approve_transactions);
+      } catch (error) {
+        console.error('Ошибка при загрузке настроек автоподтверждения:', error);
+      }
+    };
+
+    fetchAutoApproveSettings();
+  }, []);
+
   function handleApply() {
     setReloadKey(k => k + 1);
   }
@@ -25,24 +53,72 @@ export default function AccountAgentTransactionSection() {
     if (isChecked) {
       setShowConfirmationUI(true);
     } else {
+      updateAutoApproveSettings(false, false);
       setAutoConfirmEnabled(false);
       setShowConfirmationUI(false);
       console.log("Автоматическое подтверждение выключено.");
     }
   };
 
-  const handleConfirmYes = () => {
+  const updateAutoApproveSettings = async (auto_approve: boolean, apply_to_current: boolean = false) => {
-    setAutoConfirmEnabled(true);
+    const token = Cookies.get("access_token");
-    setShowConfirmationUI(false);
+    if (!token) {
-    console.log("Автоматическое подтверждение включено и текущие транзакции будут подтверждены.");
+      console.warn("Токен авторизации не найден при попытке обновить настройки автоподтверждения.");
-    // TODO: Добавить логику автоматического подтверждения текущих транзакций
+      return;
+    }
+    try {
+      const res = await fetch("/api/account/auto-approve", {
+        method: "POST",
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${token}`
+        },
+        body: JSON.stringify({
+          auto_approve: auto_approve,
+          apply_to_current: apply_to_current,
+        })
+      });
+      if (!res.ok) {
+        const errorData = await res.json();
+        console.error('Ошибка при обновлении настроек автоподтверждения:', res.status, res.statusText, errorData);
+        return false;
+      }
+      const responseData = await res.json();
+      console.log('Настройка автоподтверждения успешно обновлена:', responseData);
+      if (apply_to_current) {
+          setReloadKey(k => k + 1);
+      }
+      return true;
+    } catch (error) {
+      console.error('Ошибка при отправке запроса на обновление настроек автоподтверждения:', error);
+      return false;
+    }
   };
 
-  const handleConfirmNo = () => {
+  const handleConfirmYes = async () => {
-    setAutoConfirmEnabled(true); 
+    const success = await updateAutoApproveSettings(true, true);
-    setShowConfirmationUI(false);
+    if (success) {
-    console.log("Автоматическое подтверждение включено для новых транзакций. Текущие остаются неподтвержденными.");
+      setAutoConfirmEnabled(true);
-    // Текущие транзакции остаются в статусе waiting, ничего дополнительно делать не нужно
+      setShowConfirmationUI(false);
+      console.log("Автоматическое подтверждение включено и текущие транзакции будут подтверждены.");
+    } else {
+        setAutoConfirmEnabled(false);
+        setShowConfirmationUI(false);
+         console.log("Включение автоматического подтверждения не удалось.");
+    }
+  };
+
+  const handleConfirmNo = async () => {
+    const success = await updateAutoApproveSettings(true, false);
+    if (success) {
+      setAutoConfirmEnabled(true);
+      setShowConfirmationUI(false);
+      console.log("Автоматическое подтверждение включено для новых транзакций. Текущие остаются неподтвержденными.");
+    } else {
+        setAutoConfirmEnabled(false);
+        setShowConfirmationUI(false);
+         console.log("Включение автоматического подтверждения не удалось.");
+    }
   };
 
   const handleConfirmCancel = () => {
@@ -67,6 +143,7 @@ export default function AccountAgentTransactionSection() {
                   checked={autoConfirmEnabled}
                   onChange={handleToggleChange}
                   className={styles.notificationsSwitchInput}
+                  disabled={showConfirmationUI}
                 />
                 <span
                   className={
@@ -116,7 +193,7 @@ export default function AccountAgentTransactionSection() {
         onApply={handleApply}
         onClear={handleClear}
       />
-      <AccountAgentTransactionTable filters={filters} reloadKey={reloadKey} />
+      <AccountAgentTransactionTable filters={filters} reloadKey={reloadKey} setReloadKey={setReloadKey} />
     </>
   );
 } 

src/components/AccountAgentTransactionTable.tsx

@@ -13,6 +13,7 @@ const STATUS_COLORS: Record<string, string> = {
   "error": "#EF4444", // Красный
   "process": "#3B82F6", // Синий
   "reject": "#800080", // Фиолетовый
+  "new": "#E30B5C", // Малиновый
 };
 
 function formatCurrency(amount: number) {
@@ -23,13 +24,15 @@ function formatCurrency(amount: number) {
   }) ?? "";
 }
 
-export default function AccountAgentTransactionTable({ filters, reloadKey }: { filters: { dateStart: string, dateEnd: string }, reloadKey: number }) {
+export default function AccountAgentTransactionTable({ filters, reloadKey, setReloadKey }: { filters: { dateStart: string, dateEnd: string }, reloadKey: number, setReloadKey: React.Dispatch<React.SetStateAction<number>> }) {
   const [data, setData] = useState<any[]>([]);
+  const [isLoading, setIsLoading] = useState(false);
 
   useEffect(() => {
     const token = Cookies.get("access_token");
 
     if (token) {
+      setIsLoading(true);
       const params = new URLSearchParams();
       if (filters.dateStart) params.append('date_start', filters.dateStart);
       if (filters.dateEnd) params.append('date_end', filters.dateEnd);
@@ -57,6 +60,9 @@ export default function AccountAgentTransactionTable({ filters, reloadKey }: { f
         .catch(error => {
           console.error('Ошибка при загрузке данных транзакций агентов:', error);
           setData([]);
+        })
+        .finally(() => {
+          setIsLoading(false);
         });
     } else {
       console.warn('Токен авторизации не найден в куках.');
@@ -74,7 +80,7 @@ export default function AccountAgentTransactionTable({ filters, reloadKey }: { f
         Cell: ({ cell }) => {
           const status = cell.getValue() as string;
           const color = STATUS_COLORS[status] || '#A3A3A3';
-          return <span style={{ color: color }}>{status}</span>;
+          return <span style={{ color: color, fontWeight: 600 }}>{status}</span>;
         }
       },
       { accessorKey: 'create_dttm', header: 'Дата создания', Cell: ({ cell }) => new Date(cell.getValue() as string).toLocaleDateString() },
@@ -93,16 +99,55 @@ export default function AccountAgentTransactionTable({ filters, reloadKey }: { f
     columns,
     data,
     enableRowSelection: true,
+    state: {
+      isLoading: isLoading,
+    },
     renderTopToolbarCustomActions: ({ table }) => (
       <Box sx={{ display: 'flex', gap: 2, p: 1, flexWrap: 'wrap' }}>
         <Button
-          onClick={() => {
+          onClick={async () => {
             const selectedRows = table.getSelectedRowModel().rows;
-            console.log('Выбранные строки для выплаты:', selectedRows.map(row => row.original));
+            const transactionIdsToApprove = selectedRows.map(row => row.original.transaction_group);
-            // Здесь будет логика для отправки запроса на выплату
+
+            if (transactionIdsToApprove.length === 0) {
+              console.warn('Выберите транзакции для выплаты.');
+              return;
+            }
+
+            const token = Cookies.get("access_token");
+            if (!token) {
+              console.warn('Токен авторизации не найден. Пожалуйста, войдите снова.');
+              return;
+            }
+
+            setIsLoading(true);
+            try {
+              const response = await fetch('/api/account/approve-transactions', {
+                method: 'POST',
+                headers: {
+                  'Content-Type': 'application/json',
+                  'Authorization': `Bearer ${token}`
+                },
+                body: JSON.stringify({ transaction_ids: transactionIdsToApprove }),
+              });
+
+              const result = await response.json();
+
+              if (response.ok) {
+                console.log(result.msg || `Успешно утверждено ${result.approved_count || 0} транзакций.`);
+                table.toggleAllRowsSelected(false);
+                setReloadKey(prev => prev + 1);
+              } else {
+                console.error('Ошибка утверждения транзакций:', result);
+              }
+            } catch (error) {
+              console.error('Ошибка запроса утверждения транзакций:', error);
+            } finally {
+              setIsLoading(false);
+            }
           }}
           startIcon={<PaymentIcon />}
-          disabled={!table.getSelectedRowModel().rows.length}
+          disabled={!table.getSelectedRowModel().rows.length || isLoading}
           variant="contained"
           color="primary"
         >

src/components/BillingPieChart.tsx

@@ -9,6 +9,7 @@ const STATUS_COLORS: Record<string, string> = {
   "error": "#EF4444",
   "process": "#3B82F6",
   "reject": "#800080",
+  "new": "#E30B5C",
 };
 
 const BillingPieChart: React.FC = () => {

src/components/BillingStatChart.tsx

@@ -11,6 +11,7 @@ const statusColors: Record<string, string> = {
   waiting: "#F59E42",
   error: "#EF4444",
   reject: "#800080",
+  new: "#E30B5C",
 };
 
 const BillingStatChart: React.FC = () => {

src/components/PayoutsTransactionsTable.tsx

@@ -20,6 +20,7 @@ const statusColor: Record<string, string> = {
   'process': '#2196f3',
   'error': '#f44336',
   'reject': '#800080',
+  'new': '#E30B5C',
 };
 
 export default function PayoutsTransactionsTable({ filters, reloadKey }: { filters: { dateStart: string, dateEnd: string }, reloadKey: number }) {