Fix additional unused vars

Signed-off-by: Geoff Wilson <[email protected]>

Author: suprjinx

webview-ui/src/components/settings/providers/Requesty.tsx

@@ -1,13 +1,11 @@
 import { useCallback, useState } from "react"
-import { VSCodeTextField } from "@vscode/webview-ui-toolkit/react"
 
 import { type ProviderSettings, type OrganizationAllowList, requestyDefaultModelId } from "@roo-code/types"
 
 import type { RouterModels } from "@roo/api"
 
 import { vscode } from "@src/utils/vscode"
 import { useAppTranslation } from "@src/i18n/TranslationContext"
-import { VSCodeButtonLink } from "@src/components/common/VSCodeButtonLink"
 import { Button } from "@src/components/ui"
 
 import { inputEventTransform } from "../transforms"
@@ -36,17 +34,6 @@ export const Requesty = ({
 
 	const [didRefetch, setDidRefetch] = useState<boolean>()
 
-	const handleInputChange = useCallback(
-		<K extends keyof ProviderSettings, E>(
-			field: K,
-			transform: (event: E) => ProviderSettings[K] = inputEventTransform,
-		) =>
-			(event: E | Event) => {
-				setApiConfigurationField(field, transform(event as E))
-			},
-		[setApiConfigurationField],
-	)
-
 	return (
 		<>
 			<ApiKey
@@ -58,9 +45,11 @@ export const Requesty = ({
 				apiKeyLabel={t("settings:providers.requestyApiKey")}
 				getApiKeyUrl="https://app.requesty.ai/api-keys"
 				getApiKeyLabel={t("settings:providers.getRequestyApiKey")}
-				balanceDisplay={apiConfiguration?.requestyApiKey && (
-					<RequestyBalanceDisplay apiKey={apiConfiguration.requestyApiKey} />
-				)}
+				balanceDisplay={
+					apiConfiguration?.requestyApiKey && (
+						<RequestyBalanceDisplay apiKey={apiConfiguration.requestyApiKey} />
+					)
+				}
 			/>
 			<Button
 				variant="outline"

webview-ui/src/components/settings/providers/Unbound.tsx

@@ -1,13 +1,11 @@
 import { useCallback, useState, useRef } from "react"
-import { VSCodeTextField } from "@vscode/webview-ui-toolkit/react"
 import { useQueryClient } from "@tanstack/react-query"
 
 import { type ProviderSettings, type OrganizationAllowList, unboundDefaultModelId } from "@roo-code/types"
 
 import type { RouterModels } from "@roo/api"
 
 import { useAppTranslation } from "@src/i18n/TranslationContext"
-import { VSCodeButtonLink } from "@src/components/common/VSCodeButtonLink"
 import { vscode } from "@src/utils/vscode"
 import { Button } from "@src/components/ui"
 
@@ -39,17 +37,6 @@ export const Unbound = ({
 	const didRefetchTimerRef = useRef<NodeJS.Timeout>()
 	const invalidKeyTimerRef = useRef<NodeJS.Timeout>()
 
-	const handleInputChange = useCallback(
-		<K extends keyof ProviderSettings, E>(
-			field: K,
-			transform: (event: E) => ProviderSettings[K] = inputEventTransform,
-		) =>
-			(event: E | Event) => {
-				setApiConfigurationField(field, transform(event as E))
-			},
-		[setApiConfigurationField],
-	)
-
 	const saveConfiguration = useCallback(async () => {
 		vscode.postMessage({
 			type: "upsertApiConfiguration",

webview-ui/src/components/settings/providers/XAI.tsx

@@ -1,10 +1,8 @@
 import { useCallback } from "react"
-import { VSCodeTextField } from "@vscode/webview-ui-toolkit/react"
 
 import type { ProviderSettings } from "@roo-code/types"
 
 import { useAppTranslation } from "@src/i18n/TranslationContext"
-import { VSCodeButtonLink } from "@src/components/common/VSCodeButtonLink"
 
 import { inputEventTransform } from "../transforms"
 import { ApiKey } from "../ApiKey"
@@ -17,17 +15,6 @@ type XAIProps = {
 export const XAI = ({ apiConfiguration, setApiConfigurationField }: XAIProps) => {
 	const { t } = useAppTranslation()
 
-	const handleInputChange = useCallback(
-		<K extends keyof ProviderSettings, E>(
-			field: K,
-			transform: (event: E) => ProviderSettings[K] = inputEventTransform,
-		) =>
-			(event: E | Event) => {
-				setApiConfigurationField(field, transform(event as E))
-			},
-		[setApiConfigurationField],
-	)
-
 	return (
 		<>
 			<ApiKey