feat: 加入对话请求

2025-10-19 18:23:46 +08:00
parent af55143292
commit ba71d66db8
8 changed files with 500 additions and 147 deletions
--- a/client/ui/chat/JoinRequestsList.tsx
+++ b/client/ui/chat/JoinRequestsList.tsx
@@ -0,0 +1,104 @@
+import { TextField } from "mdui"
+import RecentChat from "../../api/client_data/RecentChat.ts"
+import useEventListener from "../useEventListener.ts"
+import RecentsListItem from "./JoinRequestsListItem.tsx"
+import React from "react"
+import useAsyncEffect from "../useAsyncEffect.ts"
+import Client from "../../api/Client.ts"
+import { checkApiSuccessOrSncakbar } from "../snackbar.ts"
+import data from "../../Data.ts"
+import EventBus from "../../EventBus.ts"
+import isMobileUI from "../isMobileUI.ts"
+import JoinRequest from "../../api/client_data/JoinRequest.ts"
+import JoinRequestsListItem from "./JoinRequestsListItem.tsx";
+
+interface Args extends React.HTMLAttributes<HTMLElement> {
+    target: string
+}
+
+export default function JoinRequestsList({
+    target,
+    ...props
+}: Args) {
+    const searchRef = React.useRef<HTMLElement>(null)
+    const [searchText, setSearchText] = React.useState('')
+    const [updateJoinRequests, setUpdateJoinRequests] = React.useState<JoinRequest[]>([])
+
+    useEventListener(searchRef, 'input', (e) => {
+        setSearchText((e.target as unknown as TextField).value)
+    })
+
+    useAsyncEffect(async () => {
+        async function updateJoinRequests() {
+            const re = await Client.invoke("Chat.getJoinRequests", {
+                token: data.access_token,
+                target: target,
+            })
+            if (re.code != 200)
+                return checkApiSuccessOrSncakbar(re, "获取加入请求列表失败")
+
+            setUpdateJoinRequests(re.data!.join_requests as JoinRequest[])
+        }
+        updateJoinRequests()
+        EventBus.on('JoinRequestsList.updateJoinRequests', () => updateJoinRequests())
+        setTimeout(() => updateJoinRequests(), 15 * 1000)
+    })
+
+    async function removeJoinRequest(userId: string) {
+        const re = await Client.invoke("Chat.processJoinRequest", {
+            token: data.access_token,
+            chat_id: target,
+            user_id: userId,
+            action: 'remove',
+        })
+        if (re.code != 200)
+            return checkApiSuccessOrSncakbar(re, "删除加入请求失败")
+
+        EventBus.emit('JoinRequestsList.updateJoinRequests')
+    }
+    async function acceptJoinRequest(userId: string) {
+        const re = await Client.invoke("Chat.processJoinRequest", {
+            token: data.access_token,
+            chat_id: target,
+            user_id: userId,
+            action: 'accept',
+        })
+        if (re.code != 200)
+            return checkApiSuccessOrSncakbar(re, "通过加入请求失败")
+
+        EventBus.emit('JoinRequestsList.updateJoinRequests')
+    }
+
+    return <mdui-list style={{
+        overflowY: 'auto',
+        paddingRight: '10px',
+        paddingLeft: '10px',
+        height: '100%',
+        width: '100%',
+    }} {...props}>
+        <mdui-text-field icon="search" type="search" clearable ref={searchRef} variant="outlined" placeholder="搜索..." style={{
+            marginTop: '5px',
+            marginBottom: '13px',
+        }}></mdui-text-field>
+
+        <mdui-list-item rounded style={{
+            width: '100%',
+            marginBottom: '15px',
+        }} icon="refresh" onClick={() => EventBus.emit('JoinRequestsList.updateJoinRequests')}>刷新</mdui-list-item>
+
+        {
+            updateJoinRequests.filter((joinRequest) =>
+                searchText == '' ||
+                joinRequest.title.includes(searchText) ||
+                joinRequest.reason?.includes(searchText) ||
+                joinRequest.user_id.includes(searchText)
+            ).map((v) =>
+                <JoinRequestsListItem
+                    key={v.user_id}
+                    acceptJoinRequest={acceptJoinRequest}
+                    removeJoinRequest={removeJoinRequest}
+                    joinRequest={v} />
+            )
+        }
+    </mdui-list>
+}