From 76c9758f0a683ba7403ee995e964f78c28420193 Mon Sep 17 00:00:00 2001
From: Jokul <wangshengshan011@163.com>
Date: Sun, 12 Jul 2026 00:01:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E5=88=87=E6=8D=A2redis?=
 =?UTF-8?q?=E8=BF=9E=E6=8E=A5=E6=93=8D=E4=BD=9C=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/connection/ConnectionCard.vue  |  7 +-
 .../src/components/layout/MainArea.vue        | 65 -------------------
 2 files changed, 4 insertions(+), 68 deletions(-)

diff --git a/src/renderer/src/components/connection/ConnectionCard.vue b/src/renderer/src/components/connection/ConnectionCard.vue
index 2a1df8d..549cc69 100644
--- a/src/renderer/src/components/connection/ConnectionCard.vue
+++ b/src/renderer/src/components/connection/ConnectionCard.vue
@@ -32,9 +32,10 @@ function onDragStart(e: DragEvent) {
       '--card-color': assignedColor || 'transparent',
       'border-left': assignedColor ? `3px solid ${assignedColor}` : undefined,
     }"
-    draggable="true"
-    @dragstart="onDragStart"
-  >
+  draggable="true"
+  @dragstart="onDragStart"
+  @click="connStore.switchTo(connection.id)"
+>
     <div class="card-status" />
     <div class="card-body">
       <div class="card-name">{{ connection.name }}</div>
diff --git a/src/renderer/src/components/layout/MainArea.vue b/src/renderer/src/components/layout/MainArea.vue
index 392d12e..da45d46 100644
--- a/src/renderer/src/components/layout/MainArea.vue
+++ b/src/renderer/src/components/layout/MainArea.vue
@@ -156,11 +156,6 @@ function restoreTabState(connId: string) {
   }
 }
 
-// Connected connections for switcher
-const connectedConnections = computed(() =>
-  connStore.connections.filter(c => connStore.connectedIds.includes(c.id))
-)
-
 // Switch active connection, save/restore tabs
 watch(
   () => connStore.activeId,
@@ -206,28 +201,6 @@ onUnmounted(() => {
 <template>
   <div class="main-area" @click="closeContextMenu">
     <div class="tab-bar" v-if="connStore.isConnected" ref="tabBarRef" @wheel.passive="onWheel">
-      <!-- Connection switcher -->
-      <el-dropdown v-if="connectedConnections.length > 0" trigger="click" @command="connStore.switchTo($event)">
-        <div class="conn-switcher">
-          <span class="conn-dot" />
-          <span class="conn-name">{{ connStore.activeConnection?.name }}</span>
-          <el-icon v-if="connectedConnections.length > 1"><ArrowDown /></el-icon>
-        </div>
-        <template #dropdown>
-          <el-dropdown-menu>
-            <el-dropdown-item
-              v-for="conn in connectedConnections"
-              :key="conn.id"
-              :command="conn.id"
-              :class="{ 'is-active': conn.id === connStore.activeId }"
-            >
-              {{ conn.name }}
-              <span class="conn-host">{{ conn.host }}:{{ conn.port }}</span>
-            </el-dropdown-item>
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
-      <div class="tab-divider" v-if="connectedConnections.length > 0" />
       <!-- DB Selector -->
       <DbSelector v-if="connStore.isConnected" class="tab-db-selector" />
       <div class="tab-divider" v-if="connStore.isConnected" />
@@ -321,44 +294,6 @@ onUnmounted(() => {
   position: relative;
 }
 
-.conn-switcher {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 14px;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--accent-light);
-  cursor: pointer;
-  white-space: nowrap;
-  flex-shrink: 0;
-}
-
-.conn-switcher:hover {
-  background: var(--bg-hover);
-}
-
-.conn-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--success);
-  box-shadow: 0 0 6px var(--success);
-  flex-shrink: 0;
-}
-
-.conn-name {
-  max-width: 120px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.conn-host {
-  font-size: 10px;
-  color: var(--text-muted);
-  margin-left: 8px;
-}
-
 .tab-db-selector {
   flex-shrink: 0;
   padding: 0 4px;