4.24.3: Обновление данных экрана доступа

play-life-web/src/components/TrackingAccess.jsx

@@ -1,9 +1,9 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState, useEffect, useRef, useCallback } from 'react'
 import { useAuth } from './auth/AuthContext'
 import Toast from './Toast'
 import './Tracking.css'
 
-function TrackingAccess({ onNavigate }) {
+function TrackingAccess({ onNavigate, activeTab }) {
   const { authFetch } = useAuth()
   const [generating, setGenerating] = useState(false)
   const [copied, setCopied] = useState(false)
@@ -11,13 +11,9 @@ function TrackingAccess({ onNavigate }) {
   const [tracked, setTracked] = useState([])
   const [loading, setLoading] = useState(true)
   const [toastMessage, setToastMessage] = useState(null)
+  const prevActiveTabRef = useRef(null)
   
-  // Загрузка списков при монтировании
-  useEffect(() => {
-    fetchAccessData()
-  }, [])
-  
-  const fetchAccessData = async () => {
+  const fetchAccessData = useCallback(async () => {
     setLoading(true)
     try {
       const res = await authFetch('/api/tracking/access')
@@ -31,7 +27,21 @@ function TrackingAccess({ onNavigate }) {
     } finally {
       setLoading(false)
     }
-  }
+  }, [authFetch])
+  
+  // Загрузка списков при монтировании
+  useEffect(() => {
+    fetchAccessData()
+  }, [fetchAccessData])
+  
+  // Обновление данных при открытии экрана
+  useEffect(() => {
+    // Проверяем, что экран только что открылся (activeTab стал 'tracking-access')
+    if (activeTab === 'tracking-access' && prevActiveTabRef.current !== 'tracking-access') {
+      fetchAccessData()
+    }
+    prevActiveTabRef.current = activeTab
+  }, [activeTab, fetchAccessData])
   
   const handleCreateInvite = async () => {
     setGenerating(true)