From 9c158dead090fa281cbdece05f380190e43795bf Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Fri, 24 Sep 2021 16:46:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E7=A7=81=E4=BF=A1?=
 =?UTF-8?q?=E6=9C=AA=E8=AF=BB=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/routes/Main/Content/Personal/SidebarDMItem.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/src/routes/Main/Content/Personal/SidebarDMItem.tsx b/web/src/routes/Main/Content/Personal/SidebarDMItem.tsx
index 2d145adf..bc881923 100644
--- a/web/src/routes/Main/Content/Personal/SidebarDMItem.tsx
+++ b/web/src/routes/Main/Content/Personal/SidebarDMItem.tsx
@@ -1,6 +1,7 @@
 import { ChatConverseState, useDMConverseName } from 'tailchat-shared';
 import React from 'react';
 import { SidebarItem } from '../SidebarItem';
+import { useUnread } from 'tailchat-shared/redux/hooks/useUnread';
 
 interface SidebarDMItemProps {
   converse: ChatConverseState;
@@ -9,6 +10,7 @@ export const SidebarDMItem: React.FC<SidebarDMItemProps> = React.memo(
   (props) => {
     const converse = props.converse;
     const name = useDMConverseName(converse);
+    const [hasUnread] = useUnread([converse._id]);
 
     return (
       <SidebarItem
@@ -17,6 +19,7 @@ export const SidebarDMItem: React.FC<SidebarDMItemProps> = React.memo(
         // TODO
         // action={<Icon icon="mdi:close" />}
         to={`/main/personal/converse/${converse._id}`}
+        badge={hasUnread}
       />
     );
   }