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

fix: conditionally show loading more spinner (#5670)

Browse Source
This commit is contained in:
one 2025-05-05 14:57:01 +08:00 committed by GitHub
parent 61bb81827e
commit 98a2269b8a
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/src/pages/home/Messages/Messages.tsx
View File

@ -239,9 +239,11 @@ const Messages: React.FC<MessagesProps> = ({ assistant, topic, setActiveTopic })
inverse
style={{ overflow: 'visible' }}>
<ScrollContainer>
<LoaderContainer $loading={isLoadingMore}>
<SvgSpinners180Ring color="var(--color-text-2)" />
</LoaderContainer>
{isLoadingMore && (
<LoaderContainer>
<SvgSpinners180Ring color="var(--color-text-2)" />
</LoaderContainer>
)}
{groupedMessages.map(([key, groupMessages]) => (
<MessageGroup
key={key}
@ -296,14 +298,12 @@ const computeDisplayMessages = (messages: Message[], startIndex: number, display
return displayMessages
}
const LoaderContainer = styled.div<{ $loading: boolean }>`
const LoaderContainer = styled.div`
display: flex;
justify-content: center;
padding: 10px;
width: 100%;
background: var(--color-background);
opacity: ${(props) => (props.$loading ? 1 : 0)};
transition: opacity 0.3s ease;
pointer-events: none;
`