abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-06 17:11:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Temporary member nickname / role colour solution.

Browse Source
This commit is contained in:
Paul
2021-07-25 17:52:57 +01:00
parent e61c647fda
commit a8c3482815
11 changed files with 65 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/AutoComplete.tsx
View File

@@ -144,7 +144,7 @@ export function useAutoComplete(
break;
case "TextChannel":
const server = channel.server;
users = client.servers.members
users = client.members
.toArray()
.filter(
(x) => x._id.substr(0, 26) === server,

39
src/components/common/user/UserShort.tsx
View File

@@ -1,16 +1,51 @@
import { useParams } from "react-router-dom";
import { User } from "revolt.js";
import { Text } from "preact-i18n";
import {
useForceUpdate,
useMember,
useServer,
} from "../../../context/revoltjs/hooks";
import UserIcon from "./UserIcon";
export function Username({
user,
...otherProps
}: { user?: User } & JSX.HTMLAttributes<HTMLElement>) {
let username = user?.username;
let color;
// ! this must be really bad for perf.
if (user) {
let { server } = useParams<{ server?: string }>();
if (server) {
let ctx = useForceUpdate();
let member = useMember(`${server}${user._id}`, ctx);
if (member) {
if (member.nickname) {
username = member.nickname;
}
if (member.roles && member.roles.length > 0) {
let s = useServer(server, ctx);
for (let role of member.roles) {
let c = s?.roles?.[role].colour;
if (c) {
color = c;
continue;
}
}
}
}
}
}
return (
<span {...otherProps}>
{user?.username ?? <Text id="app.main.channel.unknown_user" />}
<span {...otherProps} style={{ color }}>
{username ?? <Text id="app.main.channel.unknown_user" />}
</span>
);
}

5
src/components/navigation/items/ButtonItem.tsx
View File

@@ -14,6 +14,7 @@ import { useIntermediate } from "../../../context/intermediate/Intermediate";
import ChannelIcon from "../../common/ChannelIcon";
import Tooltip from "../../common/Tooltip";
import UserIcon from "../../common/user/UserIcon";
import { Username } from "../../common/user/UserShort";
import UserStatus from "../../common/user/UserStatus";
import IconButton from "../../ui/IconButton";
@@ -63,7 +64,9 @@ export function UserButton(props: UserProps) {
status
/>
<div className={styles.name}>
<div>{user.username}</div>
<div>
<Username user={user} />
</div>
{
<div className={styles.subText}>
{channel?.last_message && alert ? (

2
src/components/navigation/right/MemberSidebar.tsx
View File

@@ -186,7 +186,7 @@ export function ServerMemberSidebar({
useEffect(() => {
if (status === ClientStatus.ONLINE && typeof members === "undefined") {
client.servers.members
client.members
.fetchMembers(channel.server)
.then((members) => setMembers(members));
}

2
src/context/intermediate/modals/Prompt.tsx
View File

@@ -304,7 +304,7 @@ export function SpecialPromptModal(props: SpecialProps) {
setProcessing(true);
try {
await client.servers.members.kickMember(
await client.members.kickMember(
props.target._id,
props.user,
);

4
src/context/revoltjs/events.ts
View File

@@ -112,7 +112,7 @@ export function registerEvents(
client.users.addListener("mutation", logMutation);
client.servers.addListener("mutation", logMutation);
client.channels.addListener("mutation", logMutation);
client.servers.members.addListener("mutation", logMutation);
client.members.addListener("mutation", logMutation);
}
const online = () => {
@@ -146,7 +146,7 @@ export function registerEvents(
client.users.removeListener("mutation", logMutation);
client.servers.removeListener("mutation", logMutation);
client.channels.removeListener("mutation", logMutation);
client.servers.members.removeListener("mutation", logMutation);
client.members.removeListener("mutation", logMutation);
}
window.removeEventListener("online", online);

18
src/context/revoltjs/hooks.ts
View File

@@ -122,6 +122,13 @@ export function useServers(ids?: string[], context?: HookContext) {
)[];
}
export function useMember(id?: string, context?: HookContext) {
if (typeof id === "undefined") return;
return useObject("members", id, context) as
| Readonly<Servers.Member>
| undefined;
}
export function useDMs(context?: HookContext) {
const ctx = useForceUpdate(context);
@@ -192,7 +199,7 @@ export function useChannelPermission(id: string, context?: HookContext) {
if (server) {
ctx.client.servers.addListener("update", mutationServer);
ctx.client.servers.members.addListener("update", mutationMember);
ctx.client.members.addListener("update", mutationMember);
}
return () => {
@@ -200,10 +207,7 @@ export function useChannelPermission(id: string, context?: HookContext) {
if (server) {
ctx.client.servers.removeListener("update", mutationServer);
ctx.client.servers.members.removeListener(
"update",
mutationMember,
);
ctx.client.members.removeListener("update", mutationMember);
}
};
}, [id]);
@@ -221,11 +225,11 @@ export function useServerPermission(id: string, context?: HookContext) {
useEffect(() => {
ctx.client.servers.addListener("update", mutation);
ctx.client.servers.members.addListener("update", mutationMember);
ctx.client.members.addListener("update", mutationMember);
return () => {
ctx.client.servers.removeListener("update", mutation);
ctx.client.servers.members.removeListener("update", mutationMember);
ctx.client.members.removeListener("update", mutationMember);
};
}, [id]);

4
src/pages/settings/server/Members.tsx
View File

@@ -28,7 +28,7 @@ export function Members({ server }: Props) {
const users = useUsers(members?.map((x) => x._id.user) ?? [], ctx);
useEffect(() => {
ctx.client.servers.members
ctx.client.members
.fetchMembers(server._id)
.then((members) => setMembers(members));
}, []);
@@ -126,7 +126,7 @@ export function Members({ server }: Props) {
roles,
)}
onClick={async () => {
await ctx.client.servers.members.editMember(
await ctx.client.members.editMember(
server._id,
member._id.user,
{