{loading && (
- loading…
+ loading…
)}
diff --git a/web/src/components/OAuthLoginModal.tsx b/web/src/components/OAuthLoginModal.tsx
index 67c3d885f58..8ac630ea72f 100644
--- a/web/src/components/OAuthLoginModal.tsx
+++ b/web/src/components/OAuthLoginModal.tsx
@@ -1,6 +1,6 @@
import { useEffect, useRef, useState } from "react";
-import { ExternalLink, X, Check, Loader2 } from "lucide-react";
-import { Button, CopyButton, H2 } from "@nous-research/ui";
+import { ExternalLink, X, Check } from "lucide-react";
+import { Button, CopyButton, H2, Spinner } from "@nous-research/ui";
import { api, type OAuthProvider, type OAuthStartResponse } from "@/lib/api";
import { Input } from "@/components/ui/input";
import { useI18n } from "@/i18n";
@@ -200,7 +200,7 @@ export function OAuthLoginModal({ provider, onClose, onSuccess }: Props) {
{phase === "starting" && (
-
+
{t.oauth.initiatingLogin}
)}
@@ -246,7 +246,7 @@ export function OAuthLoginModal({ provider, onClose, onSuccess }: Props) {
{phase === "submitting" && (
-
+
{t.oauth.exchangingCode}
)}
@@ -295,7 +295,7 @@ export function OAuthLoginModal({ provider, onClose, onSuccess }: Props) {
{t.oauth.reOpenVerification}
-
+
{t.oauth.waitingAuth}
diff --git a/web/src/components/OAuthProvidersCard.tsx b/web/src/components/OAuthProvidersCard.tsx
index c9f135557a2..4ce4acae9d3 100644
--- a/web/src/components/OAuthProvidersCard.tsx
+++ b/web/src/components/OAuthProvidersCard.tsx
@@ -9,7 +9,7 @@ import {
LogIn,
} from "lucide-react";
import { api, type OAuthProvider } from "@/lib/api";
-import { Button, CopyButton } from "@nous-research/ui";
+import { Button, CopyButton, Spinner } from "@nous-research/ui";
import {
Card,
CardContent,
@@ -106,9 +106,7 @@ export function OAuthProvidersCard({ onError, onSuccess }: Props) {
outlined
onClick={refresh}
disabled={loading}
- prefix={
-
- }
+ prefix={loading ?
:
}
>
{t.common.refresh}
@@ -122,7 +120,7 @@ export function OAuthProvidersCard({ onError, onSuccess }: Props) {
{loading && providers === null && (
)}
{providers && providers.length === 0 && (
@@ -238,13 +236,7 @@ export function OAuthProvidersCard({ onError, onSuccess }: Props) {
outlined
onClick={() => handleDisconnect(p)}
disabled={isBusy}
- prefix={
- isBusy ? (
-
- ) : (
-
- )
- }
+ prefix={isBusy ? : }
>
{t.oauth.disconnect}
diff --git a/web/src/components/SidebarFooter.tsx b/web/src/components/SidebarFooter.tsx
index e28623d722a..e163dd2c98a 100644
--- a/web/src/components/SidebarFooter.tsx
+++ b/web/src/components/SidebarFooter.tsx
@@ -17,7 +17,7 @@ export function SidebarFooter() {
>
{status?.version != null ? `v${status.version}` : "—"}
diff --git a/web/src/pages/AnalyticsPage.tsx b/web/src/pages/AnalyticsPage.tsx
index f088ef3d9d7..eb740d41808 100644
--- a/web/src/pages/AnalyticsPage.tsx
+++ b/web/src/pages/AnalyticsPage.tsx
@@ -8,7 +8,7 @@ import type {
AnalyticsSkillEntry,
} from "@/lib/api";
import { timeAgo } from "@/lib/utils";
-import { Button, Stats } from "@nous-research/ui";
+import { Button, Spinner, Stats } from "@nous-research/ui";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Badge } from "@nous-research/ui";
import { usePageHeader } from "@/contexts/usePageHeader";
@@ -352,9 +352,7 @@ export default function AnalyticsPage() {
PERIODS.find((p) => p.days === days)?.label ?? `${days}d`;
setAfterTitle(
- {loading && (
-
- )}
+ {loading && }
{periodLabel}
@@ -381,7 +379,7 @@ export default function AnalyticsPage() {
outlined
onClick={load}
disabled={loading}
- prefix={}
+ prefix={loading ? : }
>
{t.common.refresh}
@@ -402,7 +400,7 @@ export default function AnalyticsPage() {
{loading && !data && (
)}
diff --git a/web/src/pages/ConfigPage.tsx b/web/src/pages/ConfigPage.tsx
index 3e08d534c6d..3c392bd667a 100644
--- a/web/src/pages/ConfigPage.tsx
+++ b/web/src/pages/ConfigPage.tsx
@@ -33,7 +33,7 @@ import { getNestedValue, setNestedValue } from "@/lib/nested";
import { useToast } from "@/hooks/useToast";
import { Toast } from "@/components/Toast";
import { AutoField } from "@/components/AutoField";
-import { Button, ListItem } from "@nous-research/ui";
+import { Button, ListItem, Spinner } from "@nous-research/ui";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Input } from "@/components/ui/input";
import { Badge } from "@nous-research/ui";
@@ -319,7 +319,7 @@ export default function ConfigPage() {
if (!config || !schema) {
return (
);
}
@@ -483,7 +483,7 @@ export default function ConfigPage() {
{yamlLoading ? (
) : (