perf: simplify compact thought previews
This commit is contained in:
parent
f05aefe097
commit
7ab0a41728
1 changed files with 18 additions and 50 deletions
|
|
@ -13,18 +13,12 @@ import {
|
||||||
import { useAppTranslation } from '@features/localization/renderer';
|
import { useAppTranslation } from '@features/localization/renderer';
|
||||||
import { CompactMarkdownPreview } from '@renderer/components/chat/viewers/MarkdownViewer';
|
import { CompactMarkdownPreview } from '@renderer/components/chat/viewers/MarkdownViewer';
|
||||||
import { MemberBadge } from '@renderer/components/team/MemberBadge';
|
import { MemberBadge } from '@renderer/components/team/MemberBadge';
|
||||||
import {
|
import { Tooltip, TooltipContent, TooltipTrigger } from '@renderer/components/ui/tooltip';
|
||||||
Tooltip,
|
|
||||||
TooltipContent,
|
|
||||||
TooltipProvider,
|
|
||||||
TooltipTrigger,
|
|
||||||
} from '@renderer/components/ui/tooltip';
|
|
||||||
import {
|
import {
|
||||||
CARD_BG,
|
CARD_BG,
|
||||||
CARD_BG_ZEBRA,
|
CARD_BG_ZEBRA,
|
||||||
CARD_BORDER_STYLE,
|
CARD_BORDER_STYLE,
|
||||||
CARD_ICON_MUTED,
|
CARD_ICON_MUTED,
|
||||||
CARD_TEXT_LIGHT,
|
|
||||||
} from '@renderer/constants/cssVariables';
|
} from '@renderer/constants/cssVariables';
|
||||||
import { getTeamColorSet } from '@renderer/constants/teamColors';
|
import { getTeamColorSet } from '@renderer/constants/teamColors';
|
||||||
import { agentAvatarUrl } from '@renderer/utils/memberHelpers';
|
import { agentAvatarUrl } from '@renderer/utils/memberHelpers';
|
||||||
|
|
@ -797,7 +791,7 @@ const LeadThoughtsGroupRowComponent = ({
|
||||||
return (
|
return (
|
||||||
<AnimatedHeightReveal animate={isNew} containerRef={ref} style={{ overflowAnchor: 'none' }}>
|
<AnimatedHeightReveal animate={isNew} containerRef={ref} style={{ overflowAnchor: 'none' }}>
|
||||||
<article
|
<article
|
||||||
className="group rounded-md [overflow:clip]"
|
className="activity-timeline-card group rounded-md [overflow:clip]"
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: zebraShade ? CARD_BG_ZEBRA : CARD_BG,
|
backgroundColor: zebraShade ? CARD_BG_ZEBRA : CARD_BG,
|
||||||
border: hasApiError ? '1px solid rgba(248, 113, 113, 0.3)' : CARD_BORDER_STYLE,
|
border: hasApiError ? '1px solid rgba(248, 113, 113, 0.3)' : CARD_BORDER_STYLE,
|
||||||
|
|
@ -866,27 +860,14 @@ const LeadThoughtsGroupRowComponent = ({
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{compactPreviewMarkdown ? (
|
{compactPreviewMarkdown ? (
|
||||||
<TooltipProvider delayDuration={1000}>
|
<div title={compactPreviewTooltipText ?? undefined}>
|
||||||
<Tooltip>
|
<CompactMarkdownPreview
|
||||||
<TooltipTrigger asChild>
|
content={compactPreviewMarkdown}
|
||||||
<div>
|
className="mt-1 line-clamp-2 w-full min-w-0 max-w-full break-words text-[11px] leading-4"
|
||||||
<CompactMarkdownPreview
|
teamColorByName={teamColorByName}
|
||||||
content={compactPreviewMarkdown}
|
onTeamClick={onTeamClick}
|
||||||
className="mt-1 line-clamp-2 w-full min-w-0 max-w-full break-words text-[11px] leading-4"
|
/>
|
||||||
teamColorByName={teamColorByName}
|
</div>
|
||||||
onTeamClick={onTeamClick}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</TooltipTrigger>
|
|
||||||
<TooltipContent
|
|
||||||
side="bottom"
|
|
||||||
align="start"
|
|
||||||
className="max-w-sm whitespace-normal break-words"
|
|
||||||
>
|
|
||||||
{compactPreviewTooltipText}
|
|
||||||
</TooltipContent>
|
|
||||||
</Tooltip>
|
|
||||||
</TooltipProvider>
|
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
) : !isBodyVisible ? (
|
) : !isBodyVisible ? (
|
||||||
|
|
@ -951,27 +932,14 @@ const LeadThoughtsGroupRowComponent = ({
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{compactPreviewMarkdown ? (
|
{compactPreviewMarkdown ? (
|
||||||
<TooltipProvider delayDuration={1000}>
|
<div title={compactPreviewTooltipText ?? undefined}>
|
||||||
<Tooltip>
|
<CompactMarkdownPreview
|
||||||
<TooltipTrigger asChild>
|
content={compactPreviewMarkdown}
|
||||||
<div>
|
className="mt-1 line-clamp-2 w-full min-w-0 max-w-full break-words text-[11px] leading-4"
|
||||||
<CompactMarkdownPreview
|
teamColorByName={teamColorByName}
|
||||||
content={compactPreviewMarkdown}
|
onTeamClick={onTeamClick}
|
||||||
className="mt-1 line-clamp-2 w-full min-w-0 max-w-full break-words text-[11px] leading-4"
|
/>
|
||||||
teamColorByName={teamColorByName}
|
</div>
|
||||||
onTeamClick={onTeamClick}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</TooltipTrigger>
|
|
||||||
<TooltipContent
|
|
||||||
side="bottom"
|
|
||||||
align="start"
|
|
||||||
className="max-w-sm whitespace-normal break-words"
|
|
||||||
>
|
|
||||||
{compactPreviewTooltipText}
|
|
||||||
</TooltipContent>
|
|
||||||
</Tooltip>
|
|
||||||
</TooltipProvider>
|
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue