From bc36cb06651c3ca21662aaebfc9210f3aba138f1 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Wed, 2 Aug 2023 21:27:57 +0800
Subject: [PATCH] feat: add friend nav item badge when has unprocess friend
 request

---
 client/web/src/routes/Main/Content/Personal/Sidebar.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/client/web/src/routes/Main/Content/Personal/Sidebar.tsx b/client/web/src/routes/Main/Content/Personal/Sidebar.tsx
index 11e20b46..07129809 100644
--- a/client/web/src/routes/Main/Content/Personal/Sidebar.tsx
+++ b/client/web/src/routes/Main/Content/Personal/Sidebar.tsx
@@ -7,6 +7,7 @@ import {
   useUserInfo,
   DevContainer,
   useGlobalConfigStore,
+  useAppSelector,
 } from 'tailchat-shared';
 import { SidebarDMItem } from './SidebarDMItem';
 import { openModal } from '@/components/Modal';
@@ -42,6 +43,12 @@ export const PersonalSidebar: React.FC = React.memo(() => {
   const { disablePluginStore } = useGlobalConfigStore((state) => ({
     disablePluginStore: state.disablePluginStore,
   }));
+  const hasFriendRequest = useAppSelector(
+    (state) =>
+      state.user.friendRequests.findIndex(
+        (item) => item.to === state.user.info?._id
+      ) >= 0
+  );
 
   return (
     <CommonSidebarWrapper data-tc-role="sidebar-personal">
@@ -52,6 +59,7 @@ export const PersonalSidebar: React.FC = React.memo(() => {
           name={t('好友')}
           icon={<Icon icon="mdi:account-multiple" />}
           to="/main/personal/friends"
+          badge={hasFriendRequest}
         />
 
         {!disablePluginStore && (