feat: add popconfirm for topic delete

client/web/src/plugin/component/index.tsx

@@ -15,6 +15,7 @@ export {
   Popover,
   Tag,
   Skeleton,
+  Popconfirm,
 } from 'antd';
 export const TextArea = Input.TextArea;
 export {

server/plugins/com.msgbyte.topic/web/plugins/com.msgbyte.topic/src/components/TopicCard.tsx

@@ -13,6 +13,7 @@ import {
   UserName,
   UserAvatar,
   MessageAckContainer,
+  Popconfirm,
 } from '@capital/component';
 import styled from 'styled-components';
 import type { GroupTopic } from '../types';
@@ -139,11 +140,12 @@ export const TopicCard: React.FC<{
             />
 
             {userId === groupOwnerId && (
-              <IconBtn
+              <Popconfirm
-                title={Translate.delete}
+                title={Translate.topicDeleteConfimTip}
-                icon="mdi:delete-outline"
+                onConfirm={handleDeleteTopic}
-                onClick={handleDeleteTopic}
+              >
-              />
+                <IconBtn title={Translate.delete} icon="mdi:delete-outline" />
+              </Popconfirm>
             )}
           </div>
 

server/plugins/com.msgbyte.topic/web/plugins/com.msgbyte.topic/src/translate.ts

@@ -26,4 +26,8 @@ export const Translate = {
     'zh-CN': '话题信息异常',
     'en-US': 'Topic Data Error',
   }),
+  topicDeleteConfimTip: localTrans({
+    'zh-CN': '你确定要删除该话题么',
+    'en-US': 'Are you sure you want to delete this topic?',
+  }),
 };