From 9f227c9c2c38718bf540bb5c9c5959a647d00af2 Mon Sep 17 00:00:00 2001
From: nb5p <2098464+nb5p@users.noreply.github.com>
Date: Tue, 12 Sep 2023 18:11:47 +0800
Subject: [PATCH] fix(overview): error when reading length (#188)

* fix(overview): error when reading length

* fix(connections): update WsMsg type definition

---------

Signed-off-by: nb5p <2098464+nb5p@users.noreply.github.com>
Co-authored-by: nb5p <nb5p@users.noreply.github.com>
---
 src/pages/Overview.tsx     | 2 +-
 src/signals/connections.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Overview.tsx b/src/pages/Overview.tsx
index cc72f4a..297b9da 100644
--- a/src/pages/Overview.tsx
+++ b/src/pages/Overview.tsx
@@ -103,7 +103,7 @@ export default () => {
         </TrafficWidget>
 
         <TrafficWidget label={t('activeConnections')}>
-          {latestConnectionMsg()?.connections.length || 0}
+          {latestConnectionMsg()?.connections?.length || 0}
         </TrafficWidget>
 
         <TrafficWidget label={t('memoryUsage')}>
diff --git a/src/signals/connections.ts b/src/signals/connections.ts
index 3fc94f4..2a161ff 100644
--- a/src/signals/connections.ts
+++ b/src/signals/connections.ts
@@ -4,7 +4,7 @@ import { CONNECTIONS_TABLE_MAX_CLOSED_ROWS } from '~/constants'
 import { Connection, ConnectionRawMessage } from '~/types'
 
 export type WsMsg = {
-  connections: ConnectionRawMessage[]
+  connections: ConnectionRawMessage[] | null
   uploadTotal: number
   downloadTotal: number
 } | null