Spacebar/client
1
0
Fork 0
mirror of https://github.com/spacebarchat/client.git synced 2024-11-22 02:12:38 +01:00
Code Issues Releases Activity

some refactoring to improve message author role color fetching

Browse Source
This commit is contained in:
Puyodead1 2024-03-03 13:44:30 -05:00
parent 6acaaf956e
commit edb16ad7c0
No known key found for this signature in database
GPG Key ID: A4FA4FEC0DD353FC
2 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/messaging/Message.tsx
View File

@ -50,7 +50,7 @@ function Message({ message, header }: Props) {
<MessageContent>
{header && (
<span className="message-details">
<MessageAuthor message={message} />
<MessageAuthor message={message} guild={guild} />
<MessageDetails message={message} position="top" />
</span>
)}

21
src/components/messaging/MessageAuthor.tsx
View File

@ -2,7 +2,9 @@ import { observer } from "mobx-react-lite";
import React, { useContext } from "react";
import styled from "styled-components";
import { ContextMenuContext } from "../../contexts/ContextMenuContext";
import useLogger from "../../hooks/useLogger";
import { useAppStore } from "../../stores/AppStore";
import Guild from "../../stores/objects/Guild";
import GuildMember from "../../stores/objects/GuildMember";
import { MessageLike } from "../../stores/objects/Message";
import Floating from "../floating/Floating";
@ -21,14 +23,17 @@ const Container = styled.div`
interface Props {
message: MessageLike;
guild?: Guild;
}
function MessageAuthor({ message }: Props) {
function MessageAuthor({ message, guild }: Props) {
const app = useAppStore();
const logger = useLogger("MessageAuthor");
const contextMenu = useContext(ContextMenuContext);
const [color, setColor] = React.useState<string | undefined>(undefined);
const [eventData, setEventData] = React.useState<React.MouseEvent<HTMLDivElement, MouseEvent> | undefined>();
const [member, setMember] = React.useState<GuildMember | undefined>(undefined);
const { members } = guild || {};
React.useEffect(() => {
if (!eventData) return;
@ -44,14 +49,12 @@ function MessageAuthor({ message }: Props) {
};
React.useEffect(() => {
if ("guild_id" in message && message.guild_id) {
const guild = app.guilds.get(message.guild_id!);
if (!guild) return;
const member = guild.members.get(message.author.id);
if (!member) return;
setColor(member.roleColor);
}
}, [message]);
if (!members) return;
const member = members.get(message.author.id);
if (!member) return;
setColor(member.roleColor);
}, [message, members]);
return (
<Floating