From 1158f5616dc960453cfad6ceb4346acfb4b6027b Mon Sep 17 00:00:00 2001
From: Eazvy <57739965+Eazvy@users.noreply.github.com>
Date: Sun, 13 Apr 2025 21:49:01 -0400
Subject: [PATCH] update (userVoiceShow) avatar-size / guild icon animated /
 user count (#231)

* Add files via upload

* Update components.tsx

* update horrible written logic
---
 src/plugins/userVoiceShow/components.tsx | 32 ++++++++++++++++++++++--
 src/plugins/userVoiceShow/index.tsx      |  4 +--
 2 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/plugins/userVoiceShow/components.tsx b/src/plugins/userVoiceShow/components.tsx
index 9029cdc5..675588ed 100644
--- a/src/plugins/userVoiceShow/components.tsx
+++ b/src/plugins/userVoiceShow/components.tsx
@@ -111,9 +111,37 @@ function VoiceChannelTooltip({ channel, isLocked }: VoiceChannelTooltipProps) {
                     <Text variant="text-sm/bold">{guild.name}</Text>
                 </div>
             )}
-            <div className={cl("name")}>
+           <div className={cl("name2")} style={{ display: 'flex', alignItems: 'center' }}>
                 {channelIcon}
-                <Text variant="text-sm/semibold">{channelName}</Text>
+                <Text variant="text-sm/semibold">
+                    {channelName}
+                </Text>
+                <div style={{ display: 'flex', alignItems: 'center', marginLeft: '10px' }}>
+                    <Text 
+                        style={{ 
+                            color: 'gray', 
+                            fontSize: '12px', 
+                            boxSizing: 'border-box', 
+                            padding: '0 6px 0 0', 
+                            backgroundColor: 'var(--background-tertiary)', 
+                            borderRadius: '0 8px 0 0',
+                        }}
+                    >
+                        {users.length < 10 ? `0${users.length}` : `${users.length}`}
+                    </Text>
+                    <Text 
+                        style={{ 
+                            color: 'gray', 
+                            fontSize: '12px', 
+                            boxSizing: 'border-box', 
+                            padding: '0 6px 0 0', 
+                            backgroundColor: 'var(--background-mod-strong)',
+                            borderRadius: '0 8px 0 0',
+                        }}
+                    >
+                        {channel.userLimit < 10 ? `0${channel.userLimit}` : `${channel.userLimit}`}
+                    </Text>
+                </div>
             </div>
             <div className={cl("vc-members")}>
                 {isLocked ? <LockedSpeakerIcon size={18} /> : <SpeakerIcon size={18} />}
diff --git a/src/plugins/userVoiceShow/index.tsx b/src/plugins/userVoiceShow/index.tsx
index 3d119c43..67e5e022 100644
--- a/src/plugins/userVoiceShow/index.tsx
+++ b/src/plugins/userVoiceShow/index.tsx
@@ -21,7 +21,7 @@ import "./style.css";
 import { addMemberListDecorator, removeMemberListDecorator } from "@api/MemberListDecorators";
 import { addMessageDecoration, removeMessageDecoration } from "@api/MessageDecorations";
 import { definePluginSettings } from "@api/Settings";
-import { Devs } from "@utils/constants";
+import { Devs, EquicordDevs } from "@utils/constants";
 import definePlugin, { OptionType } from "@utils/types";
 
 import { VoiceChannelIndicator } from "./components";
@@ -50,7 +50,7 @@ const settings = definePluginSettings({
 export default definePlugin({
     name: "UserVoiceShow",
     description: "Shows an indicator when a user is in a Voice Channel",
-    authors: [Devs.Nuckyz, Devs.LordElias],
+    authors: [Devs.Nuckyz, Devs.LordElias, EquicordDevs.omaw],
     dependencies: ["MemberListDecoratorsAPI", "MessageDecorationsAPI"],
     settings,