TypingTweaks: Make names open profile on click

Closes #718
This commit is contained in:
Vendicated 2023-03-28 18:43:45 +02:00
parent 8cb3491086
commit ab911b48b5
No known key found for this signature in database
GPG key ID: A1DC0CFB5615D905
3 changed files with 52 additions and 19 deletions

View file

@ -21,10 +21,11 @@ import ErrorBoundary from "@components/ErrorBoundary";
import { Devs } from "@utils/constants"; import { Devs } from "@utils/constants";
import definePlugin, { OptionType } from "@utils/types"; import definePlugin, { OptionType } from "@utils/types";
import { findByCodeLazy } from "@webpack"; import { findByCodeLazy } from "@webpack";
import { GuildMemberStore, React, RelationshipStore } from "@webpack/common"; import { GuildMemberStore, React, RelationshipStore, SelectedChannelStore } from "@webpack/common";
import { User } from "discord-types/general"; import { User } from "discord-types/general";
const Avatar = findByCodeLazy('"top",spacing:'); const Avatar = findByCodeLazy('"top",spacing:');
const openProfile = findByCodeLazy("friendToken", "USER_PROFILE_MODAL_OPEN");
const settings = definePluginSettings({ const settings = definePluginSettings({
showAvatars: { showAvatars: {
@ -53,6 +54,46 @@ export function buildSeveralUsers({ a, b, c }: { a: string, b: string, c: number
]; ];
} }
interface Props {
user: User;
guildId: string;
}
const TypingUser = ErrorBoundary.wrap(function ({ user, guildId }: Props) {
return (
<strong
role="button"
onClick={() => {
openProfile({
userId: user.id,
guildId,
channelId: SelectedChannelStore.getChannelId(),
analyticsLocation: {
page: guildId ? "Guild Channel" : "DM Channel",
section: "Profile Popout"
}
});
}}
style={{
display: "grid",
gridAutoFlow: "column",
gap: "4px",
color: settings.store.showRoleColors ? GuildMemberStore.getMember(guildId, user.id)?.colorString : undefined,
cursor: "pointer"
}}
>
{settings.store.showAvatars && (
<div style={{ marginTop: "4px" }}>
<Avatar
size="SIZE_16"
src={user.getAvatarURL(guildId, 128)} />
</div>
)}
{GuildMemberStore.getNick(guildId!, user.id) || !guildId && RelationshipStore.getNickname(user.id) || user.username}
</strong>
);
}, { noop: true });
export default definePlugin({ export default definePlugin({
name: "TypingTweaks", name: "TypingTweaks",
description: "Show avatars and role colours in the typing indicator", description: "Show avatars and role colours in the typing indicator",
@ -93,22 +134,10 @@ export default definePlugin({
let element = 0; let element = 0;
return children.map(c => c.type === "strong" ? <this.TypingUser {...props} user={users[element++]} /> : c); return children.map(c =>
c.type === "strong"
? <TypingUser {...props} user={users[element++]} />
: c
);
}, },
TypingUser: ErrorBoundary.wrap(({ user, guildId }: { user: User, guildId: string; }) => {
return <strong style={{
display: "grid",
gridAutoFlow: "column",
gap: "4px",
color: settings.store.showRoleColors ? GuildMemberStore.getMember(guildId, user.id)?.colorString : undefined
}}>
{settings.store.showAvatars && <div style={{ marginTop: "4px" }}>
<Avatar
size="SIZE_16"
src={user.getAvatarURL(guildId, 128)} />
</div>}
{GuildMemberStore.getNick(guildId!, user.id) || !guildId && RelationshipStore.getNickname(user.id) || user.username}
</strong>;
}, { noop: true })
}); });

View file

@ -94,7 +94,7 @@ function uwuify(message: string): string {
export default definePlugin({ export default definePlugin({
name: "UwUifier", name: "UwUifier",
description: "Simply uwuify commands", description: "Simply uwuify commands",
authors: [Devs.echo], authors: [Devs.echo, Devs.skyevg],
dependencies: ["CommandsAPI"], dependencies: ["CommandsAPI"],
commands: [ commands: [

View file

@ -221,5 +221,9 @@ export const Devs = /* #__PURE__*/ Object.freeze({
TheKodeToad: { TheKodeToad: {
name: "TheKodeToad", name: "TheKodeToad",
id: 706152404072267788n id: 706152404072267788n
},
skyevg: {
name: "skyevg",
id: 1090310844283363348n
} }
}); });