feat(models-selection-panel): enhance refresh button with spinner for loading state

This commit is contained in:
Anish Sarkar 2026-07-25 01:35:48 +05:30
parent b8d0346371
commit fe1bee14ed

View file

@ -2,6 +2,7 @@ import { RefreshCw } from "lucide-react";
import { useState } from "react";
import { Button } from "@/components/ui/button";
import { Checkbox } from "@/components/ui/checkbox";
import { Spinner } from "@/components/ui/spinner";
import {
capability,
capabilityLabels,
@ -124,8 +125,10 @@ export function ModelsSelectionPanel({
type="button"
onClick={onRefresh}
disabled={isRefreshing || isRefreshDisabled}
className="relative"
>
{isRefreshing ? "Refreshing..." : "Refresh"}
<span className={isRefreshing ? "opacity-0" : ""}>Reload models</span>
{isRefreshing ? <Spinner size="sm" className="absolute" /> : null}
</Button>
) : null}
</div>