From 69cc491d3a2057d2741811bb4f779218dc08da3a Mon Sep 17 00:00:00 2001
From: Hureru <3507039083@qq.com>
Date: Wed, 11 Mar 2026 14:01:45 +0800
Subject: [PATCH] fix(web): fix AddChannelModal checkbox toggle and click area

- Move onClick handler to outer card div for full-area click support
- Set checkbox to readOnly with pointerEvents:none to prevent double-toggle
- Add stopPropagation on token select section to avoid unintended toggling
---
 src/web/pages/token-routes/AddChannelModal.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/web/pages/token-routes/AddChannelModal.tsx b/src/web/pages/token-routes/AddChannelModal.tsx
index 36240a2..3d3c608 100644
--- a/src/web/pages/token-routes/AddChannelModal.tsx
+++ b/src/web/pages/token-routes/AddChannelModal.tsx
@@ -195,6 +195,7 @@ export default function AddChannelModal({
                 return (
                   <div
                     key={account.id}
+                    onClick={() => toggleAccount(account)}
                     style={{
                       padding: '8px 10px',
                       borderRadius: 'var(--radius-sm)',
@@ -203,15 +204,12 @@ export default function AddChannelModal({
                       cursor: 'pointer',
                     }}
                   >
-                    <div
-                      style={{ display: 'flex', alignItems: 'center', gap: 8 }}
-                      onClick={() => toggleAccount(account)}
-                    >
+                    <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
                       <input
                         type="checkbox"
                         checked={isSelected}
-                        onChange={() => toggleAccount(account)}
-                        style={{ cursor: 'pointer' }}
+                        readOnly
+                        style={{ cursor: 'pointer', pointerEvents: 'none' }}
                       />
                       <span style={{ fontSize: 13, fontWeight: 500 }}>{account.label}</span>
                       {isExisting && (
@@ -220,7 +218,7 @@ export default function AddChannelModal({
                     </div>
 
                     {isSelected && tokens.length > 0 && (
-                      <div style={{ marginTop: 6, paddingLeft: 24 }}>
+                      <div style={{ marginTop: 6, paddingLeft: 24 }} onClick={(e) => e.stopPropagation()}>
                         <div style={{ fontSize: 11, color: 'var(--color-text-muted)', marginBottom: 4 }}>{tr('令牌')}:</div>
                         <ModernSelect
                           size="sm"