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'
|
failed && 'text-danger-foreground'
|
||||||
)}>
|
)}>
|
||||||
{inProgress && (
|
{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}>
|
<AnimatePresence mode="wait" initial={false}>
|
||||||
<motion.div
|
<motion.div
|
||||||
|
|
|
@ -11,7 +11,7 @@ export const WarningIcon: React.FC<{
|
||||||
}> = React.memo(
|
}> = React.memo(
|
||||||
({
|
({
|
||||||
rowCount,
|
rowCount,
|
||||||
rowCountThreshold = 35,
|
rowCountThreshold = 25,
|
||||||
warningText = 'Data labels will be hidden if there are too many.'
|
warningText = 'Data labels will be hidden if there are too many.'
|
||||||
}) => {
|
}) => {
|
||||||
if (rowCount <= rowCountThreshold) {
|
if (rowCount <= rowCountThreshold) {
|
||||||
|
|
|
@ -15,7 +15,7 @@ export const BarContainer: React.FC<{
|
||||||
secondaryTitle?: string;
|
secondaryTitle?: string;
|
||||||
}> = React.memo(({ showBar, isCompletedStream, status, children, title, secondaryTitle }) => {
|
}> = React.memo(({ showBar, isCompletedStream, status, children, title, secondaryTitle }) => {
|
||||||
return (
|
return (
|
||||||
<div className={'relative flex space-x-1.5 overflow-hidden'}>
|
<div className={'relative flex space-x-1.5 overflow-visible'}>
|
||||||
<VerticalBarContainer
|
<VerticalBarContainer
|
||||||
showBar={showBar}
|
showBar={showBar}
|
||||||
status={status}
|
status={status}
|
||||||
|
@ -42,8 +42,8 @@ const VerticalBarContainer: React.FC<{
|
||||||
isCompletedStream: boolean;
|
isCompletedStream: boolean;
|
||||||
}> = React.memo(({ showBar, isCompletedStream, status }) => {
|
}> = React.memo(({ showBar, isCompletedStream, status }) => {
|
||||||
return (
|
return (
|
||||||
<div className="ml-2 flex w-5 min-w-5 flex-col items-center">
|
<div className="ml-2 flex w-5 min-w-5 flex-col items-center pt-0.5">
|
||||||
<StatusIndicator status={status} />
|
<StatusIndicator status={'loading'} />
|
||||||
<VerticalBar show={showBar} isCompletedStream={isCompletedStream} />
|
<VerticalBar show={showBar} isCompletedStream={isCompletedStream} />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
@ -63,8 +63,8 @@ export const ReasoningMessagePills: React.FC<{
|
||||||
animate={pills.length > 0 ? 'visible' : 'hidden'}
|
animate={pills.length > 0 ? 'visible' : 'hidden'}
|
||||||
className={'flex w-full flex-wrap gap-1.5 overflow-hidden'}>
|
className={'flex w-full flex-wrap gap-1.5 overflow-hidden'}>
|
||||||
{pills.map((pill) => (
|
{pills.map((pill) => (
|
||||||
<Link href={makeHref(pill)}>
|
<Link href={makeHref(pill)} key={pill.id}>
|
||||||
<Pill key={pill.id} useAnimation={useAnimation} {...pill} />
|
<Pill useAnimation={useAnimation} {...pill} />
|
||||||
</Link>
|
</Link>
|
||||||
))}
|
))}
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
|
@ -45,7 +45,7 @@ export const ChatUserMessage: React.FC<{
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<Paragraph>{request}</Paragraph>
|
<Paragraph className="whitespace-pre-wrap">{request}</Paragraph>
|
||||||
{isCompletedStream && (
|
{isCompletedStream && (
|
||||||
<RequestMessageTooltip
|
<RequestMessageTooltip
|
||||||
isTooltipOpen={isTooltipOpen}
|
isTooltipOpen={isTooltipOpen}
|
||||||
|
|
Loading…
Reference in New Issue