From ae25805370970a2faa82f9a7a65cb36ea6f21b5c Mon Sep 17 00:00:00 2001
From: Zephyruso <176294927+Zephyruso@users.noreply.github.com>
Date: Wed, 19 Feb 2025 15:15:18 +0800
Subject: [PATCH] fix: global for sing-box

---
 src/App.vue                            | 17 +++++++++++++----
 src/components/sidebar/LogsCtrl.tsx    |  8 +++++++-
 src/components/sidebar/ProxiesCtrl.tsx |  2 +-
 src/composables/proxies.ts             | 13 +++----------
 4 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5f2fc10f..db0bb43b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -39,10 +39,14 @@ watch(
 )
 
 const backgroundImage = computed(() => {
+  if (!customBackgroundURL.value) {
+    return ''
+  }
+
   if (customBackgroundURL.value.includes(LOCAL_IMAGE)) {
-    return backgroundInDB.value
+    return `background-image: url('${backgroundInDB.value}');`
   }
-  return customBackgroundURL.value + `?v=${date}`
+  return `background-image: url('${customBackgroundURL.value}?v=${date}');`
 })
 const isPreferredDark = useMediaQuery('(prefers-color-scheme: dark)')
 
@@ -74,8 +78,13 @@ onMounted(() => {
   <div
     ref="app"
     id="app-content"
-    :class="`flex h-dvh w-screen overflow-x-hidden bg-base-100 ${fontClassName} custom-background-${dashboardTransparent} ${customBackgroundURL && 'custom-background bg-cover bg-center'}`"
-    :style="`background-image: url('${backgroundImage}');`"
+    :class="[
+      'flex h-dvh w-screen overflow-x-hidden bg-base-100',
+      fontClassName,
+      backgroundImage &&
+        `custom-background-${dashboardTransparent} custom-background bg-cover bg-center`,
+    ]"
+    :style="backgroundImage"
   >
     <RouterView />
     <div
diff --git a/src/components/sidebar/LogsCtrl.tsx b/src/components/sidebar/LogsCtrl.tsx
index 53e922a6..7b9d57a2 100644
--- a/src/components/sidebar/LogsCtrl.tsx
+++ b/src/components/sidebar/LogsCtrl.tsx
@@ -20,10 +20,16 @@ export default defineComponent({
     const { t } = useI18n()
     const settingsModel = ref(false)
     const insertLogSearchHistory = debounce((log: string) => {
-      if (!log || logSearchHistory.value.includes(log)) {
+      if (!log) {
         return
       }
 
+      const idx = logSearchHistory.value.indexOf(log)
+
+      if (idx !== -1) {
+        logSearchHistory.value.splice(idx, 1)
+      }
+
       logSearchHistory.value.unshift(log)
       if (logSearchHistory.value.length > 5) {
         logSearchHistory.value.pop()
diff --git a/src/components/sidebar/ProxiesCtrl.tsx b/src/components/sidebar/ProxiesCtrl.tsx
index 1cd9dca2..5bdb2256 100644
--- a/src/components/sidebar/ProxiesCtrl.tsx
+++ b/src/components/sidebar/ProxiesCtrl.tsx
@@ -137,7 +137,7 @@ export default defineComponent({
                 key={mode}
                 value={mode}
               >
-                {t(mode.toLowerCase()) || mode}
+                {t(mode.toLowerCase())}
               </option>
             )
           })}
diff --git a/src/composables/proxies.ts b/src/composables/proxies.ts
index ab96aa6f..91e61d6d 100644
--- a/src/composables/proxies.ts
+++ b/src/composables/proxies.ts
@@ -1,4 +1,3 @@
-import { isSingBox } from '@/api'
 import { PROXY_TAB_TYPE } from '@/constant'
 import { configs } from '@/store/config'
 import {
@@ -24,19 +23,13 @@ const renderGroups = computed(() => {
     return proxyProviederList.value.map((group) => group.name)
   }
 
-  if (!isSingBox.value && configs.value?.mode.toUpperCase() === GLOBAL) {
+  if (configs.value?.mode.toUpperCase() === GLOBAL) {
     return [GLOBAL]
   }
 
-  const proxyGroups = [...proxyGroupList.value]
-
-  if (isSingBox.value) {
-    proxyGroups.push(GLOBAL)
-  }
-
   return manageHiddenGroup.value
-    ? proxyGroups
-    : proxyGroups.filter((name) => !hiddenGroupMap.value[name])
+    ? proxyGroupList.value
+    : proxyGroupList.value.filter((name) => !hiddenGroupMap.value[name])
 })
 
 export const useProxies = () => {