mirror of https://github.com/buster-so/buster.git
status indicator is updated
This commit is contained in:
parent
289b424171
commit
3cd5c7c9e4
|
@ -25,7 +25,7 @@ export const StatusIndicator: React.FC<{
|
|||
failed && 'text-danger-foreground'
|
||||
)}>
|
||||
{inProgress && (
|
||||
<div className="bg-primary/30 absolute inset-0 -ml-[1px] animate-ping rounded-full duration-1000" />
|
||||
<div className="bg-primary/30 absolute m-0.5 h-2.5 w-2.5 animate-ping rounded-full duration-1000" />
|
||||
)}
|
||||
<AnimatePresence mode="wait" initial={false}>
|
||||
<motion.div
|
||||
|
|
|
@ -11,7 +11,7 @@ export const WarningIcon: React.FC<{
|
|||
}> = React.memo(
|
||||
({
|
||||
rowCount,
|
||||
rowCountThreshold = 35,
|
||||
rowCountThreshold = 25,
|
||||
warningText = 'Data labels will be hidden if there are too many.'
|
||||
}) => {
|
||||
if (rowCount <= rowCountThreshold) {
|
||||
|
|
|
@ -15,7 +15,7 @@ export const BarContainer: React.FC<{
|
|||
secondaryTitle?: string;
|
||||
}> = React.memo(({ showBar, isCompletedStream, status, children, title, secondaryTitle }) => {
|
||||
return (
|
||||
<div className={'relative flex space-x-1.5 overflow-hidden'}>
|
||||
<div className={'relative flex space-x-1.5 overflow-visible'}>
|
||||
<VerticalBarContainer
|
||||
showBar={showBar}
|
||||
status={status}
|
||||
|
@ -42,8 +42,8 @@ const VerticalBarContainer: React.FC<{
|
|||
isCompletedStream: boolean;
|
||||
}> = React.memo(({ showBar, isCompletedStream, status }) => {
|
||||
return (
|
||||
<div className="ml-2 flex w-5 min-w-5 flex-col items-center">
|
||||
<StatusIndicator status={status} />
|
||||
<div className="ml-2 flex w-5 min-w-5 flex-col items-center pt-0.5">
|
||||
<StatusIndicator status={'loading'} />
|
||||
<VerticalBar show={showBar} isCompletedStream={isCompletedStream} />
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -63,8 +63,8 @@ export const ReasoningMessagePills: React.FC<{
|
|||
animate={pills.length > 0 ? 'visible' : 'hidden'}
|
||||
className={'flex w-full flex-wrap gap-1.5 overflow-hidden'}>
|
||||
{pills.map((pill) => (
|
||||
<Link href={makeHref(pill)}>
|
||||
<Pill key={pill.id} useAnimation={useAnimation} {...pill} />
|
||||
<Link href={makeHref(pill)} key={pill.id}>
|
||||
<Pill useAnimation={useAnimation} {...pill} />
|
||||
</Link>
|
||||
))}
|
||||
</motion.div>
|
||||
|
|
|
@ -45,7 +45,7 @@ export const ChatUserMessage: React.FC<{
|
|||
/>
|
||||
) : (
|
||||
<>
|
||||
<Paragraph>{request}</Paragraph>
|
||||
<Paragraph className="whitespace-pre-wrap">{request}</Paragraph>
|
||||
{isCompletedStream && (
|
||||
<RequestMessageTooltip
|
||||
isTooltipOpen={isTooltipOpen}
|
||||
|
|
Loading…
Reference in New Issue