cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-22 07:00:58 -05:00
Code Issues Projects Releases Packages 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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
external/lang vendored

@ -1 +1 @@
Subproject commit ab87bdcf15d60cfb6f3bd52af445456e5fd23e5f
Subproject commit f3c991242044c0125111e533a94350633a681d62

2
package.json
View file

@ -94,7 +94,7 @@
"react-router-dom": "^5.2.0",
"react-scroll": "^1.8.2",
"redux": "^4.1.0",
"revolt.js": "^4.3.3-alpha.18",
"revolt.js": "^4.3.3-alpha.19",
"rimraf": "^3.0.2",
"sass": "^1.35.1",
"shade-blend-color": "^1.0.0",

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,
{

8
yarn.lock
View file

@ -3563,10 +3563,10 @@ reusify@^1.0.4:
resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
revolt.js@^4.3.3-alpha.18:
version "4.3.3-alpha.18"
resolved "https://registry.yarnpkg.com/revolt.js/-/revolt.js-4.3.3-alpha.18.tgz#a46cef600099ea22d2f6dc8d09def7e9135839af"
integrity sha512-3QTgX1407bLZEkxkhUsetalUGxcogpFLiTm+mPE3T9bAKgHlTC7y6F5JgHGtmMGWxsjKCDLHgHoAllwGwXJaig==
revolt.js@^4.3.3-alpha.19:
version "4.3.3-alpha.19"
resolved "https://registry.yarnpkg.com/revolt.js/-/revolt.js-4.3.3-alpha.19.tgz#02b0fe8c44b6b803f5314a2d40eda5d3481901d3"
integrity sha512-cpJGqAnAzCV33zuFqiOlRopqhSMhSUZISB7vdsgvjS6Aof1UrWpJJO+POnVxo20FvLM0tMFZaHIxdYeW798U9w==
dependencies:
"@insertish/mutable" "1.1.0"
axios "^0.19.2"