From 5438aef5280d5ccd6c404374ece45f9124bd1a13 Mon Sep 17 00:00:00 2001
From: pompurin404 <pompurin404@mihomo.party>
Date: Tue, 3 Sep 2024 14:36:47 +0800
Subject: [PATCH] fix groups

---
 .../src/components/base/collapse-input.tsx         | 14 ++++++++------
 src/renderer/src/pages/proxies.tsx                 |  1 +
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/components/base/collapse-input.tsx b/src/renderer/src/components/base/collapse-input.tsx
index 4085c9d..8662674 100644
--- a/src/renderer/src/components/base/collapse-input.tsx
+++ b/src/renderer/src/components/base/collapse-input.tsx
@@ -17,18 +17,20 @@ const CollapseInput: React.FC<CollapseInputProps> = (props) => {
         {...inputProps}
         style={{ paddingInlineEnd: 0 }}
         classNames={{
-          inputWrapper: 'bg-transparent',
-          input: `w-0 focus:w-[150px] bg-transparent transition-all duration-200`
+          inputWrapper: 'cursor-pointer bg-transparent p-0 data-[hover=true]:bg-content2',
+          input: 'w-0 focus:w-[150px] transition-all duration-200',
+          innerWrapper: 'cursor-pointer p-0'
         }}
         endContent={
-          <FaSearch
-            title={title}
-            className="cursor-pointer text-lg text-default-500"
+          <div
+            className="cursor-pointer p-2 text-lg text-default-500"
             onClick={(e) => {
               e.stopPropagation()
               inputRef.current?.focus()
             }}
-          />
+          >
+            <FaSearch title={title} />
+          </div>
         }
         onClick={(e) => {
           e.stopPropagation()
diff --git a/src/renderer/src/pages/proxies.tsx b/src/renderer/src/pages/proxies.tsx
index c737577..1355429 100644
--- a/src/renderer/src/pages/proxies.tsx
+++ b/src/renderer/src/pages/proxies.tsx
@@ -35,6 +35,7 @@ const Proxies: React.FC = () => {
   const { groupCounts, allProxies } = useMemo(() => {
     const groupCounts: number[] = []
     const allProxies: (IMihomoProxy | IMihomoGroup)[][] = []
+    if (groups.length !== searchValue.length) setSearchValue(Array(groups.length).fill(''))
     groups.forEach((group, index) => {
       if (isOpen[index]) {
         let groupProxies = group.all.filter((proxy) =>