ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-07 18:23:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

better loading and icon

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-31 14:48:58 +00:00
parent ab98e0ed80
commit cc0eb60bf5
1 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
packages/frontend/src/components/chat.tsx
View File

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