Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-26 03:31:24 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(AgentsTab): add loading spinner for agents list

Browse Source 
Show spinner while agents are loading to improve user experience
This commit is contained in:
icarus 2025-09-19 14:07:56 +08:00
parent 3d561ad8e3
commit 1ce791d517
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/renderer/src/pages/home/Tabs/AgentsTab.tsx
View File

@ -1,4 +1,4 @@
import { Button } from '@heroui/react'
import { Button, Spinner } from '@heroui/react'
import { AgentModal } from '@renderer/components/Popups/AgentModal'
import { useAgents } from '@renderer/hooks/agents/useAgents'
import { useRuntime } from '@renderer/hooks/useRuntime'
@ -13,10 +13,11 @@ import AgentItem from './components/AgentItem'
interface AssistantsTabProps {}
export const AgentsTab: FC<AssistantsTabProps> = () => {
const { agents, deleteAgent } = useAgents()
const { agents, deleteAgent, isLoading } = useAgents()
const { t } = useTranslation()
const { chat } = useRuntime()
const { activeAgentId } = chat
const dispatch = useAppDispatch()
const setActiveAgentId = useCallback(
@ -28,15 +29,17 @@ export const AgentsTab: FC<AssistantsTabProps> = () => {
return (
<div className="agents-tab h-full w-full p-2">
{agents.map((agent) => (
<AgentItem
key={agent.id}
agent={agent}
isActive={agent.id === activeAgentId}
onDelete={() => deleteAgent(agent.id)}
onPress={() => setActiveAgentId(agent.id)}
/>
))}
{isLoading && <Spinner />}
{!isLoading &&
agents.map((agent) => (
<AgentItem
key={agent.id}
agent={agent}
isActive={agent.id === activeAgentId}
onDelete={() => deleteAgent(agent.id)}
onPress={() => setActiveAgentId(agent.id)}
/>
))}
<AgentModal
trigger={{
content: (