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

2025-06-07 12:25:26 +03:00 · 2025-06-07 12:25:26 +03:00 · 4b17da42e8
commit 4b17da42e8
parent a475c50b20
5 changed files with 143 additions and 18 deletions
--- a/src/components/AccountAgentTransactionSection.tsx
+++ b/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 = () => {
-    setAutoConfirmEnabled(true);
-    setShowConfirmationUI(false);
-    console.log("Автоматическое подтверждение включено и текущие транзакции будут подтверждены.");
-    // TODO: Добавить логику автоматического подтверждения текущих транзакций
+  const updateAutoApproveSettings = async (auto_approve: boolean, apply_to_current: boolean = false) => {
+    const token = Cookies.get("access_token");
+    if (!token) {
+      console.warn("Токен авторизации не найден при попытке обновить настройки автоподтверждения.");
+      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 = () => {
-    setAutoConfirmEnabled(true); 
-    setShowConfirmationUI(false);
-    console.log("Автоматическое подтверждение включено для новых транзакций. Текущие остаются неподтвержденными.");
-    // Текущие транзакции остаются в статусе waiting, ничего дополнительно делать не нужно
+  const handleConfirmYes = async () => {
+    const success = await updateAutoApproveSettings(true, true);
+    if (success) {
+      setAutoConfirmEnabled(true);
+      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} />
    </>
  );
 } 
--- a/src/components/AccountAgentTransactionTable.tsx
+++ b/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"
        >
--- a/src/components/BillingPieChart.tsx
+++ b/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 = () => {
--- a/src/components/BillingStatChart.tsx
+++ b/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 = () => {
--- a/src/components/PayoutsTransactionsTable.tsx
+++ b/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 }) {