|
@@ -25,14 +25,7 @@ const MessageModal: React.FC<MessageModalProps> = ({
|
|
|
const tabItems: TabsProps["items"] = [
|
|
|
{
|
|
|
key: MESSAGE_TAB.ALL,
|
|
|
- label: (
|
|
|
- <span className="flex">
|
|
|
- 全部
|
|
|
- <span className="text-xs text-white bg-red-500 rounded-full w-5 h-5 flex justify-center items-center">
|
|
|
- {notifications.length > 9 ? "9+" : notifications.length}
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- ),
|
|
|
+ label: <span className="flex">全部</span>,
|
|
|
},
|
|
|
{
|
|
|
key: MESSAGE_TAB.UNREAD,
|
|
@@ -53,20 +46,7 @@ const MessageModal: React.FC<MessageModalProps> = ({
|
|
|
},
|
|
|
{
|
|
|
key: MESSAGE_TAB.HAS_READ,
|
|
|
- label: (
|
|
|
- <span className="flex">
|
|
|
- 已读
|
|
|
- <span className="text-xs text-white bg-red-500 rounded-full w-5 h-5 flex justify-center items-center">
|
|
|
- {notifications.filter(
|
|
|
- (notification) => notification.status === MESSAGE_TAB.HAS_READ
|
|
|
- ).length > 9
|
|
|
- ? "9+"
|
|
|
- : notifications.filter(
|
|
|
- (notification) => notification.status === MESSAGE_TAB.HAS_READ
|
|
|
- ).length}
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- ),
|
|
|
+ label: <span className="flex">已读</span>,
|
|
|
},
|
|
|
];
|
|
|
|