WhoReacted, TypingIndicator: Fix triggering other actions (#3161)
Prevents typing in message user box from activating parent click handlers Fixes https://github.com/Vendicated/Vencord/issues/3128
This commit is contained in:
parent
68662c9625
commit
8fccda4a24
2 changed files with 20 additions and 12 deletions
|
@ -100,6 +100,13 @@ function TypingIndicator({ channelId, guildId }: { channelId: string; guildId: s
|
|||
{props => (
|
||||
<div className="vc-typing-indicator" {...props}>
|
||||
{((settings.store.indicatorMode & IndicatorMode.Avatars) === IndicatorMode.Avatars) && (
|
||||
<div
|
||||
onClick={e => {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
}}
|
||||
onKeyPress={e => e.stopPropagation()}
|
||||
>
|
||||
<UserSummaryItem
|
||||
users={typingUsersArray.map(id => UserStore.getUser(id))}
|
||||
guildId={guildId}
|
||||
|
@ -110,6 +117,7 @@ function TypingIndicator({ channelId, guildId }: { channelId: string; guildId: s
|
|||
size={16}
|
||||
className="vc-typing-indicator-avatars"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
{((settings.store.indicatorMode & IndicatorMode.Dots) === IndicatorMode.Dots) && (
|
||||
<div className="vc-typing-indicator-dots">
|
||||
|
|
|
@ -93,7 +93,7 @@ function makeRenderMoreUsers(users: User[]) {
|
|||
};
|
||||
}
|
||||
|
||||
function handleClickAvatar(event: React.MouseEvent<HTMLElement, MouseEvent>) {
|
||||
function handleClickAvatar(event: React.UIEvent<HTMLElement, Event>) {
|
||||
event.stopPropagation();
|
||||
}
|
||||
|
||||
|
@ -165,7 +165,7 @@ export default definePlugin({
|
|||
<div
|
||||
style={{ marginLeft: "0.5em", transform: "scale(0.9)" }}
|
||||
>
|
||||
<div onClick={handleClickAvatar}>
|
||||
<div onClick={handleClickAvatar} onKeyPress={handleClickAvatar}>
|
||||
<UserSummaryItem
|
||||
users={users}
|
||||
guildId={ChannelStore.getChannel(message.channel_id)?.guild_id}
|
||||
|
|
Loading…
Reference in a new issue