mirror of
https://github.com/hex248/sprint.git
synced 2026-02-07 18:23:03 +00:00
better loading and icon
This commit is contained in:
@@ -93,31 +93,34 @@ 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: <>
|
{!response && (
|
||||||
<Fragment key={index}>
|
<div className="flex justify-center">
|
||||||
{line}
|
<Icon
|
||||||
<br />
|
icon="loader"
|
||||||
</Fragment>
|
size={24}
|
||||||
))}
|
className="animate-[spin_3s_linear_infinite]"
|
||||||
</p>
|
color={"var(--personality"}
|
||||||
|
/>
|
||||||
|
</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>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{chat.isPending && (
|
|
||||||
<div className="flex justify-center py-4">
|
|
||||||
<Icon
|
|
||||||
icon="loader"
|
|
||||||
size={24}
|
|
||||||
className="animate-[spin_3s_linear_infinite]"
|
|
||||||
color={"var(--personality"}
|
|
||||||
/>
|
|
||||||
</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}>
|
||||||
|
|||||||
Reference in New Issue
Block a user