From 25cbdad8bc28021131dcadd4339b1b77942e6f71 Mon Sep 17 00:00:00 2001
From: Zephyruso <127948745+Zephyruso@users.noreply.github.com>
Date: Fri, 1 Sep 2023 18:37:19 +0800
Subject: [PATCH] fix: card click

---
 src/components/ProxyCardGroups.tsx | 14 ++++++++++++--
 src/pages/Proxies.tsx              |  8 +++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/ProxyCardGroups.tsx b/src/components/ProxyCardGroups.tsx
index 579bddf..3113fa0 100644
--- a/src/components/ProxyCardGroups.tsx
+++ b/src/components/ProxyCardGroups.tsx
@@ -2,7 +2,11 @@ import InfiniteScroll from 'solid-infinite-scroll'
 import { createMemo, createSignal } from 'solid-js'
 import ProxyNodeCard from './ProxyNodeCard'
 
-export default (props: { proxies: string[]; now?: string }) => {
+export default (props: {
+  proxies: string[]
+  now?: string
+  onClick?: (name: string) => void
+}) => {
   const [maxRender, setMaxRender] = createSignal(30)
   const proxies = createMemo(() => props.proxies.slice(0, maxRender()))
 
@@ -13,7 +17,13 @@ export default (props: { proxies: string[]; now?: string }) => {
       next={() => setMaxRender(maxRender() + 30)}
     >
       {(proxy) => (
-        <ProxyNodeCard proxyName={proxy} isSelected={props.now === proxy} />
+        <ProxyNodeCard
+          proxyName={proxy}
+          isSelected={props.now === proxy}
+          onClick={() => {
+            props.onClick?.(proxy!)
+          }}
+        />
       )}
     </InfiniteScroll>
   )
diff --git a/src/pages/Proxies.tsx b/src/pages/Proxies.tsx
index 94abb5d..3e243ab 100644
--- a/src/pages/Proxies.tsx
+++ b/src/pages/Proxies.tsx
@@ -90,7 +90,13 @@ export default () => {
               )
 
               const content = (
-                <ProxyCardGroups proxies={proxy.all!} now={proxy.now} />
+                <ProxyCardGroups
+                  proxies={proxy.all!}
+                  now={proxy.now}
+                  onClick={(name) => {
+                    setProxyGroupByProxyName(proxy, name)
+                  }}
+                />
               )
 
               return (