mirrors/TidGi-Desktop
1
Fork 0
mirror of https://github.com/tiddly-gittly/TidGi-Desktop.git synced 2026-01-20 11:31:42 -08:00
Code Issues Projects Releases Packages Wiki Activity

fix: warning in test

Browse source
This commit is contained in:
lin onetwo 2025-08-12 18:28:09 +08:00
parent 4b55a8b346
commit c459cec357
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/pages/ChatTabContent/components/MessageBubble.tsx
View file

@ -9,7 +9,9 @@ import { isMessageExpiredForAI } from '../../../services/agentInstance/utilities
import { useAgentChatStore } from '../../Agent/store/agentChatStore/index';
import { MessageRenderer } from './MessageRenderer';
const BubbleContainer = styled(Box)<{ $user: boolean; $expired?: boolean }>`
const BubbleContainer = styled(Box, {
shouldForwardProp: (property) => property !== '$user' && property !== '$expired',
})<{ $user: boolean; $expired?: boolean }>`
display: flex;
gap: 12px;
max-width: 80%;
@ -18,14 +20,18 @@ const BubbleContainer = styled(Box)<{ $user: boolean; $expired?: boolean }>`
transition: opacity 0.3s ease-in-out;
`;
const MessageAvatar = styled(Avatar)<{ $user: boolean; $expired?: boolean }>`
const MessageAvatar = styled(Avatar, {
shouldForwardProp: (property) => property !== '$user' && property !== '$expired',
})<{ $user: boolean; $expired?: boolean }>`
background-color: ${props => props.$user ? props.theme.palette.primary.main : props.theme.palette.secondary.main};
color: ${props => props.$user ? props.theme.palette.primary.contrastText : props.theme.palette.secondary.contrastText};
opacity: ${props => props.$expired ? 0.7 : 1};
transition: opacity 0.3s ease-in-out;
`;
const MessageContent = styled(Box)<{ $user: boolean; $streaming?: boolean; $expired?: boolean }>`
const MessageContent = styled(Box, {
shouldForwardProp: (property) => property !== '$user' && property !== '$streaming' && property !== '$expired',
})<{ $user: boolean; $streaming?: boolean; $expired?: boolean }>`
background-color: ${props => props.$user ? props.theme.palette.primary.light : props.theme.palette.background.paper};
color: ${props => props.$user ? props.theme.palette.primary.contrastText : props.theme.palette.text.primary};
padding: 12px 16px;