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