修复由于没有语法检查导致的一系列符号丢失问题, 支持打开群成员的资料卡
This commit is contained in:
@@ -73,6 +73,7 @@ export default function GroupMembersList({
|
||||
).map((v) =>
|
||||
<GroupMembersListItem
|
||||
key={v.id}
|
||||
chat={chat}
|
||||
user={v} />
|
||||
)
|
||||
}
|
||||
|
||||
@@ -3,12 +3,18 @@ import Avatar from "../Avatar.tsx"
|
||||
import React from 'react'
|
||||
import User from "../../api/client_data/User.ts"
|
||||
import getUrlForFileByHash from "../../getUrlForFileByHash.ts"
|
||||
import Client from "../../api/Client.ts"
|
||||
import data from "../../Data.ts"
|
||||
import Chat from "../../api/client_data/Chat.ts"
|
||||
import { checkApiSuccessOrSncakbar, snackbar } from "../snackbar.ts"
|
||||
import EventBus from "../../EventBus.ts"
|
||||
|
||||
interface Args extends React.HTMLAttributes<HTMLElement> {
|
||||
user: User
|
||||
chat: Chat
|
||||
}
|
||||
|
||||
export default function GroupMembersListItem({ user }: Args) {
|
||||
export default function GroupMembersListItem({ user, chat }: Args) {
|
||||
const { id, nickname, avatar_file_hash } = user
|
||||
|
||||
const itemRef = React.useRef<HTMLElement>(null)
|
||||
@@ -16,54 +22,60 @@ export default function GroupMembersListItem({ user }: Args) {
|
||||
<mdui-list-item rounded style={{
|
||||
marginTop: '3px',
|
||||
marginBottom: '3px',
|
||||
}} ref={itemRef}>
|
||||
}} ref={itemRef} onClick={() => {
|
||||
// deno-lint-ignore no-window
|
||||
window.openUserInfoDialog(user)
|
||||
}}>
|
||||
{nickname}
|
||||
<Avatar src={getUrlForFileByHash(avatar_file_hash)} text={nickname} slot="icon" />
|
||||
<div slot="end-icon">
|
||||
<mdui-button-icon icon="delete" onClick={() => dialog({
|
||||
headline: "移除群组成员",
|
||||
description: `确定要移除 ${nickname} 吗?`,
|
||||
actions: [
|
||||
{
|
||||
text: "取消",
|
||||
onClick: () => {
|
||||
return true
|
||||
<mdui-button-icon icon="delete" onClick={(e) => {
|
||||
e.stopPropagation()
|
||||
dialog({
|
||||
headline: "移除群组成员",
|
||||
description: `确定要移除 ${nickname} 吗?`,
|
||||
actions: [
|
||||
{
|
||||
text: "取消",
|
||||
onClick: () => {
|
||||
return true
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
text: "确定",
|
||||
onClick: () => {
|
||||
;(async () => {
|
||||
const re = await Client.invoke("Chat.removeMembers", {
|
||||
token: data.access_token,
|
||||
chat_id: target,
|
||||
user_ids: [
|
||||
id
|
||||
],
|
||||
})
|
||||
if (re.code != 200)
|
||||
checkApiSuccessOrSncakbar(re, "移除群组成员失败")
|
||||
EventBus.emit('GroupMembersList.updateMembers')
|
||||
snackbar({
|
||||
message: `已移除 ${nickname}`,
|
||||
placement: "top",
|
||||
action: "撤销操作",
|
||||
onActionClick: async () => {
|
||||
const re = await Client.invoke("User.addContacts", {
|
||||
token: data.access_token,
|
||||
targets: ls,
|
||||
})
|
||||
if (re.code != 200)
|
||||
checkApiSuccessOrSncakbar(re, "恢复所选收藏失败")
|
||||
EventBus.emit('ContactsList.updateContacts')
|
||||
}
|
||||
})
|
||||
})()
|
||||
return true
|
||||
},
|
||||
}
|
||||
],
|
||||
})}></mdui-button-icon>
|
||||
{
|
||||
text: "确定",
|
||||
onClick: () => {
|
||||
; (async () => {
|
||||
const re = await Client.invoke("Chat.removeMembers", {
|
||||
token: data.access_token,
|
||||
chat_id: chat.id,
|
||||
user_ids: [
|
||||
id
|
||||
],
|
||||
})
|
||||
if (re.code != 200)
|
||||
checkApiSuccessOrSncakbar(re, "移除群组成员失败")
|
||||
EventBus.emit('GroupMembersList.updateMembers')
|
||||
snackbar({
|
||||
message: `已移除 ${nickname}`,
|
||||
placement: "top",
|
||||
/* action: "撤销操作",
|
||||
onActionClick: async () => {
|
||||
const re = await Client.invoke("User.addContacts", {
|
||||
token: data.access_token,
|
||||
targets: ls,
|
||||
})
|
||||
if (re.code != 200)
|
||||
checkApiSuccessOrSncakbar(re, "恢复所选收藏失败")
|
||||
EventBus.emit('ContactsList.updateContacts')
|
||||
} */
|
||||
})
|
||||
})()
|
||||
return true
|
||||
},
|
||||
}
|
||||
],
|
||||
})
|
||||
}}></mdui-button-icon>
|
||||
</div>
|
||||
</mdui-list-item>
|
||||
)
|
||||
|
||||
@@ -1,16 +1,12 @@
|
||||
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";
|
||||
import JoinRequestsListItem from "./JoinRequestsListItem.tsx"
|
||||
import Chat from "../../api/client_data/Chat.ts"
|
||||
|
||||
interface Args extends React.HTMLAttributes<HTMLElement> {
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
import { $ } from "mdui/jq"
|
||||
import RecentChat from "../../api/client_data/RecentChat.ts"
|
||||
import Avatar from "../Avatar.tsx"
|
||||
import React from 'react'
|
||||
import JoinRequest from "../../api/client_data/JoinRequest.ts"
|
||||
|
||||
Reference in New Issue
Block a user