From ea8de1f954750e6923c4a680fd65f1b8636d5fe2 Mon Sep 17 00:00:00 2001
From: eeee0717 <chentao020717Work@outlook.com>
Date: Fri, 14 Mar 2025 14:35:28 +0800
Subject: [PATCH] fix(websearch): add apihost check button and format apihost
 end without '/'

---
 .../WebSearchProviderSetting.tsx              | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/pages/settings/WebSearchSettings/WebSearchProviderSetting.tsx b/src/renderer/src/pages/settings/WebSearchSettings/WebSearchProviderSetting.tsx
index b546bee8..1507bcf0 100644
--- a/src/renderer/src/pages/settings/WebSearchSettings/WebSearchProviderSetting.tsx
+++ b/src/renderer/src/pages/settings/WebSearchSettings/WebSearchProviderSetting.tsx
@@ -35,7 +35,10 @@ const WebSearchProviderSetting: FC<Props> = ({ provider: _provider }) => {
   }
 
   const onUpdateApiHost = () => {
-    const trimmedHost = apiHost?.trim() || ''
+    let trimmedHost = apiHost?.trim() || ''
+    if (trimmedHost.endsWith('/')) {
+      trimmedHost = trimmedHost.slice(0, -1)
+    }
     if (trimmedHost !== provider.apiHost) {
       updateProvider({ ...provider, apiHost: trimmedHost })
     } else {
@@ -136,12 +139,21 @@ const WebSearchProviderSetting: FC<Props> = ({ provider: _provider }) => {
           <SettingSubtitle style={{ marginTop: 5, marginBottom: 10 }}>
             {t('settings.provider.api_host')}
           </SettingSubtitle>
-          <Input
-            value={apiHost}
-            placeholder={t('settings.provider.api_host')}
-            onChange={(e) => setApiHost(e.target.value)}
-            onBlur={onUpdateApiHost}
-          />
+          <Flex>
+            <Input
+              value={apiHost}
+              placeholder={t('settings.provider.api_host')}
+              onChange={(e) => setApiHost(e.target.value)}
+              onBlur={onUpdateApiHost}
+            />
+            <Button
+              ghost={apiValid}
+              type={apiValid ? 'primary' : 'default'}
+              onClick={checkSearch}
+              disabled={apiChecking}>
+              {apiChecking ? <LoadingOutlined spin /> : apiValid ? <CheckOutlined /> : t('settings.websearch.check')}
+            </Button>
+          </Flex>
         </>
       )}
     </>