From 2a5440e259520708077342dc2a40b32a9a33ea92 Mon Sep 17 00:00:00 2001
From: Zephyruso <176294927+Zephyruso@users.noreply.github.com>
Date: Sat, 7 Dec 2024 18:45:41 +0800
Subject: [PATCH] feat: connections count

---
 src/components/sidebar/ConnectionCtrl.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/sidebar/ConnectionCtrl.vue b/src/components/sidebar/ConnectionCtrl.vue
index cd0ed5bb..9a846bfb 100644
--- a/src/components/sidebar/ConnectionCtrl.vue
+++ b/src/components/sidebar/ConnectionCtrl.vue
@@ -5,13 +5,13 @@
         role="tab"
         :class="twMerge('tab', connectionTabShow === CONNECTION_TAB_TYPE.ACTIVE && 'tab-active')"
         @click="() => (connectionTabShow = CONNECTION_TAB_TYPE.ACTIVE)"
-        >{{ $t('activeConnections') }}</a
+        >{{ $t('activeConnections') }}({{ renderConnections.length }})</a
       >
       <a
         role="tab"
         :class="twMerge('tab', connectionTabShow === CONNECTION_TAB_TYPE.CLOSED && 'tab-active')"
         @click="() => (connectionTabShow = CONNECTION_TAB_TYPE.CLOSED)"
-        >{{ $t('closedConnections') }}</a
+        >{{ $t('closedConnections') }}({{ closedConnections.length }})</a
       >
     </div>
     <div
@@ -113,6 +113,7 @@ import { disconnectByIdAPI } from '@/api'
 import { CONNECTION_TAB_TYPE, SORT_TYPE } from '@/config'
 import { getIPLabelFromMap } from '@/helper'
 import {
+  closedConnections,
   connectionFilter,
   connectionSortType,
   connectionTabShow,