From 5585d4cd9466902327351200ef0300952c5f1784 Mon Sep 17 00:00:00 2001
From: verticalsync <60797172+verticalsync@users.noreply.github.com>
Date: Mon, 21 Oct 2024 20:18:22 +0300
Subject: [PATCH] feat(voiceChannelLog): display username on profile picture
 hover

---
 .../VoiceChannelLogEntryComponent.css           |  3 ++-
 .../VoiceChannelLogEntryComponent.tsx           | 17 +++++++++++------
 src/equicordplugins/voiceChannelLog/index.tsx   |  4 ++++
 src/equicordplugins/voiceChannelLog/logs.ts     |  1 +
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/equicordplugins/voiceChannelLog/components/VoiceChannelLogEntryComponent.css b/src/equicordplugins/voiceChannelLog/components/VoiceChannelLogEntryComponent.css
index 2dce0e54b..2757996f5 100644
--- a/src/equicordplugins/voiceChannelLog/components/VoiceChannelLogEntryComponent.css
+++ b/src/equicordplugins/voiceChannelLog/components/VoiceChannelLogEntryComponent.css
@@ -32,7 +32,8 @@
     text-align: center;
     margin-top: 10px;
     padding-left: 10px;
-    padding-right: 10px
+    padding-right: 10px;
+    cursor: pointer;
 }
 
 .vc-voice-channel-log-icon {
diff --git a/src/equicordplugins/voiceChannelLog/components/VoiceChannelLogEntryComponent.tsx b/src/equicordplugins/voiceChannelLog/components/VoiceChannelLogEntryComponent.tsx
index 79b1990f0..14758bce5 100644
--- a/src/equicordplugins/voiceChannelLog/components/VoiceChannelLogEntryComponent.tsx
+++ b/src/equicordplugins/voiceChannelLog/components/VoiceChannelLogEntryComponent.tsx
@@ -7,7 +7,7 @@
 import "./VoiceChannelLogEntryComponent.css";
 
 import { classes } from "@utils/misc";
-import { React, Timestamp, UserStore } from "@webpack/common";
+import { React, Timestamp, Tooltip, UserStore } from "@webpack/common";
 import { Channel } from "discord-types/general";
 import { Util } from "Vencord";
 
@@ -20,11 +20,16 @@ export function VoiceChannelLogEntryComponent({ logEntry, channel }: { logEntry:
     return <li className="vc-voice-channel-log">
         <Timestamp className={cl("timestamp")} timestamp={new Date(logEntry.timestamp)} compact isInline={false} cozyAlt></Timestamp>
         <Icon logEntry={logEntry} channel={channel} className={cl("icon")} />
-        <img
-            className={classes(cl("avatar"))}
-            onClick={() => Util.openUserProfile(logEntry.userId)}
-            src={user.getAvatarURL(channel.getGuildId())}
-        />
+        <Tooltip text={logEntry.username}>
+            {(tooltipProps: any) => (
+                <img
+                    {...tooltipProps}
+                    className={classes(cl("avatar"))}
+                    onClick={() => Util.openUserProfile(logEntry.userId)}
+                    src={user.getAvatarURL(channel.getGuildId())}
+                />
+            )}
+        </Tooltip>
         <div className={cl("content")}>
             { }
         </div>
diff --git a/src/equicordplugins/voiceChannelLog/index.tsx b/src/equicordplugins/voiceChannelLog/index.tsx
index 3d0631cab..5e5e7f449 100644
--- a/src/equicordplugins/voiceChannelLog/index.tsx
+++ b/src/equicordplugins/voiceChannelLog/index.tsx
@@ -119,7 +119,10 @@ export default definePlugin({
             const clientUserId = UserStore.getCurrentUser().id;
             voiceStates.forEach(state => {
                 // mmmm hacky workaround
+                console.log(state);
                 const { userId, channelId } = state;
+                const user = UserStore.getUser(userId) as User & { globalName: string; };
+                const username = user.globalName || user.username;
                 let { oldChannelId } = state;
                 if (userId === clientUserId && channelId !== clientOldChannelId) {
                     oldChannelId = clientOldChannelId;
@@ -131,6 +134,7 @@ export default definePlugin({
 
                 const logEntry = {
                     userId,
+                    username,
                     oldChannel: oldChannelId || null,
                     newChannel: channelId || null,
                     timestamp: new Date()
diff --git a/src/equicordplugins/voiceChannelLog/logs.ts b/src/equicordplugins/voiceChannelLog/logs.ts
index 9e165180d..6fefe4ba7 100644
--- a/src/equicordplugins/voiceChannelLog/logs.ts
+++ b/src/equicordplugins/voiceChannelLog/logs.ts
@@ -6,6 +6,7 @@
 
 export interface VoiceChannelLogEntry {
     userId: string;
+    username: string;
     oldChannel: string | null;
     newChannel: string | null;
     timestamp: Date;