better loading and icon

This commit is contained in:
2026-01-31 14:48:58 +00:00
parent ab98e0ed80
commit cc0eb60bf5

View File

@@ -93,22 +93,12 @@ export function Chat({ setHighlighted }: { setHighlighted: (ids: number[]) => vo
<p className="whitespace-pre-wrap">{lastUserMessage}</p> <p className="whitespace-pre-wrap">{lastUserMessage}</p>
</div> </div>
)} )}
{response && ( {(chat.isPending || response) && (
<div className="p-2 border flex items-center gap-2 text-sm"> <div className="p-2 border flex items-center gap-2 text-sm">
<p className="whitespace-pre-wrap"> <img src={"/favicon.svg"} className="w-9" alt={"sprint icon"} />
{response.split("\n").map((line, index) => (
// biome-ignore lint/suspicious/noArrayIndexKey: <>
<Fragment key={index}>
{line}
<br />
</Fragment>
))}
</p>
</div>
)}
{chat.isPending && ( {!response && (
<div className="flex justify-center py-4"> <div className="flex justify-center">
<Icon <Icon
icon="loader" icon="loader"
size={24} size={24}
@@ -118,6 +108,19 @@ export function Chat({ setHighlighted }: { setHighlighted: (ids: number[]) => vo
</div> </div>
)} )}
{response && (
<p className="whitespace-pre-wrap flex-1">
{response.split("\n").map((line, index) => (
// biome-ignore lint/suspicious/noArrayIndexKey: <>
<Fragment key={index}>
{line}
<br />
</Fragment>
))}
</p>
)}
</div>
)}
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{models.data && models.data.length > 0 && ( {models.data && models.data.length > 0 && (
<Select value={selectedModel} onValueChange={setSelectedModel}> <Select value={selectedModel} onValueChange={setSelectedModel}>