From dc2ad274832f48e19de9c596fa06abd61dd06cbb Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sat, 20 Jun 2026 21:00:22 +0800
Subject: [PATCH] refactor: optimize handleTeamsChange function with
 useCallback for better performance

---
 web/app/dashboard/agents/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/app/dashboard/agents/page.tsx b/web/app/dashboard/agents/page.tsx
index 4526ae1..a02f43d 100644
--- a/web/app/dashboard/agents/page.tsx
+++ b/web/app/dashboard/agents/page.tsx
@@ -5,7 +5,7 @@ import {
   PanelLeftOpenIcon,
   UserCogIcon,
 } from "lucide-react";
-import { useMemo, useState } from "react";
+import { useCallback, useMemo, useState } from "react";
 
 import {
   DashboardCrudPage,
@@ -52,7 +52,7 @@ export default function DashboardAgentsPage() {
   const [selectedTeam, setSelectedTeam] = useState<AdminAgentTeam | null>(null);
   const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
 
-  function handleTeamsChange(nextTeams: AdminAgentTeam[]) {
+  const handleTeamsChange = useCallback((nextTeams: AdminAgentTeam[]) => {
     setSelectedTeam((current) => {
       if (nextTeams.length === 0) {
         return null;
@@ -62,7 +62,7 @@ export default function DashboardAgentsPage() {
       }
       return nextTeams.find((item) => item.id === current.id) ?? nextTeams[0];
     });
-  }
+  }, []);
 
   const filters = useMemo<DashboardCrudFilter[]>(
     () => [