style(frontend): reformat provider forms, constants and hooks

Apply prettier formatting across 5 frontend files. No logic changes.

Changed files:
- AddProviderDialog.tsx: reformat generic type annotation and callback
- ClaudeFormFields.tsx: consolidate multi-line useState and Collapsible props
- CodexConfigSections.tsx: expand single-line React imports to multi-line,
  collapse removeCodexTopLevelField() call
- constants.ts: merge TemplateType into single line
- useSkills.ts: expand single-line TanStack Query imports to multi-line,
  reformat uninstallSkill mutationFn chain
This commit is contained in:
YoVinchen
2026-03-27 15:30:34 +08:00
parent eaf83f4fbe
commit 6a1ba46f2a
5 changed files with 25 additions and 27 deletions
@@ -42,9 +42,9 @@ export function AddProviderDialog({
const { t } = useTranslation();
// OpenCode and OpenClaw don't support universal providers
const showUniversalTab = appId !== "opencode" && appId !== "openclaw";
const [activeTab, setActiveTab] = useState<
"app-specific" | "universal"
>("app-specific");
const [activeTab, setActiveTab] = useState<"app-specific" | "universal">(
"app-specific",
);
const [universalFormOpen, setUniversalFormOpen] = useState(false);
const [selectedUniversalPreset, setSelectedUniversalPreset] =
useState<UniversalProviderPreset | null>(null);
@@ -284,9 +284,7 @@ export function AddProviderDialog({
{showUniversalTab ? (
<Tabs
value={activeTab}
onValueChange={(v) =>
setActiveTab(v as "app-specific" | "universal")
}
onValueChange={(v) => setActiveTab(v as "app-specific" | "universal")}
>
<TabsList className="grid w-full grid-cols-2 mb-6">
<TabsTrigger value="app-specific">
@@ -160,8 +160,7 @@ export function ClaudeFormFields({
apiFormat !== "anthropic" ||
apiKeyField !== "ANTHROPIC_AUTH_TOKEN"
);
const [advancedExpanded, setAdvancedExpanded] =
useState(hasAnyAdvancedValue);
const [advancedExpanded, setAdvancedExpanded] = useState(hasAnyAdvancedValue);
// 预设填充高级值后自动展开(仅从折叠→展开,不会自动折叠)
useEffect(() => {
@@ -400,10 +399,7 @@ export function ClaudeFormFields({
{/* 高级选项(API 格式 + 认证字段 + 模型映射) */}
{shouldShowModelSelector && (
<Collapsible
open={advancedExpanded}
onOpenChange={setAdvancedExpanded}
>
<Collapsible open={advancedExpanded} onOpenChange={setAdvancedExpanded}>
<CollapsibleTrigger asChild>
<Button
type="button"
@@ -1,4 +1,10 @@
import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
import React, {
useCallback,
useEffect,
useMemo,
useRef,
useState,
} from "react";
import { useTranslation } from "react-i18next";
import JsonEditor from "@/components/JsonEditor";
import {
@@ -175,10 +181,7 @@ export const CodexConfigSection: React.FC<CodexConfigSectionProps> = ({
}
} else {
toml = removeCodexTopLevelField(toml, "model_context_window");
toml = removeCodexTopLevelField(
toml,
"model_auto_compact_token_limit",
);
toml = removeCodexTopLevelField(toml, "model_auto_compact_token_limit");
}
handleLocalChange(toml);
},
+1 -2
View File
@@ -11,5 +11,4 @@ export const TEMPLATE_TYPES = {
GITHUB_COPILOT: "github_copilot",
} as const;
export type TemplateType =
(typeof TEMPLATE_TYPES)[keyof typeof TEMPLATE_TYPES];
export type TemplateType = (typeof TEMPLATE_TYPES)[keyof typeof TEMPLATE_TYPES];
+10 -8
View File
@@ -1,4 +1,9 @@
import { useMutation, useQuery, useQueryClient, keepPreviousData } from "@tanstack/react-query";
import {
useMutation,
useQuery,
useQueryClient,
keepPreviousData,
} from "@tanstack/react-query";
import {
skillsApi,
type SkillBackupEntry,
@@ -108,13 +113,10 @@ export function useInstallSkill() {
export function useUninstallSkill() {
const queryClient = useQueryClient();
return useMutation({
mutationFn: ({
id,
skillKey,
}: {
id: string;
skillKey: string;
}) => skillsApi.uninstallUnified(id).then((result) => ({ ...result, skillKey })),
mutationFn: ({ id, skillKey }: { id: string; skillKey: string }) =>
skillsApi
.uninstallUnified(id)
.then((result) => ({ ...result, skillKey })),
onSuccess: ({ skillKey }, _vars) => {
// 直接更新 installed 缓存,移除该 skill
queryClient.setQueryData<InstalledSkill[]>(