Misc: Update Plugin Functions

src/equicordplugins/channelTabs/components/BookmarkContainer.tsx

@@ -5,7 +5,7 @@
  */
 
 import { classNameFactory } from "@api/Styles";
-import { getIntlMessage } from "@utils/discord";
+import { getGuildAcronym, getIntlMessage } from "@utils/discord";
 import { classes } from "@utils/misc";
 import { closeModal, openModal } from "@utils/modal";
 import { findComponentByCodeLazy } from "@webpack";
@@ -47,7 +47,7 @@ function BookmarkIcon({ bookmark }: { bookmark: Bookmark | BookmarkFolder; }) {
             className={cl("bookmark-icon")}
         />
         : <div className={cl("bookmark-icon")}>
-            <Text variant="text-xxs/semibold" tag="span">{guild.acronym}</Text>
+            <Text variant="text-xxs/semibold" tag="span">{getGuildAcronym(guild)}</Text>
         </div>;
 
     if (channel?.recipients?.length) {

src/equicordplugins/channelTabs/components/ChannelTab.tsx

@@ -5,7 +5,7 @@
  */
 
 import { classNameFactory } from "@api/Styles";
-import { getIntlMessage, getUniqueUsername } from "@utils/discord";
+import { getGuildAcronym, getIntlMessage, getUniqueUsername } from "@utils/discord";
 import { classes } from "@utils/misc";
 import { findByPropsLazy, findComponentByCodeLazy } from "@webpack";
 import { Avatar, ChannelStore, ContextMenuApi, GuildStore, PresenceStore, ReadStateStore, Text, TypingStore, useDrag, useDrop, useRef, UserStore, useStateFromStores } from "@webpack/common";
@@ -37,7 +37,7 @@ const GuildIcon = ({ guild }: { guild: Guild; }) => {
             className={cl("icon")}
         />
         : <div className={cl("guild-acronym-icon")}>
-            <Text variant="text-xs/semibold" tag="span">{guild.acronym}</Text>
+            <Text variant="text-xs/semibold" tag="span">{getGuildAcronym(guild)}</Text>
         </div>;
 };
 

src/equicordplugins/hideServers/components/HiddenServersMenu.tsx

@@ -5,6 +5,7 @@
  */
 
 import { classNameFactory } from "@api/Styles";
+import { getGuildAcronym } from "@utils/discord";
 import { classes } from "@utils/misc";
 import {
     closeModal,
@@ -25,14 +26,8 @@ import { HiddenServersStore } from "../HiddenServersStore";
 const cl = classNameFactory("vc-hideservers-");
 const IconClasses = findByPropsLazy("icon", "acronym", "childWrapper");
 
-function HiddenServersModal({
-    modalProps,
-    close,
-}: {
-    modalProps: ModalProps;
-    close(): void;
-}) {
-    const servers = useStateFromStores([HiddenServersStore], () => HiddenServersStore.hiddenGuildsDetail());
+function HiddenServersModal({ modalProps, close }: { modalProps: ModalProps; close(): void; }) {
+    const guilds = useStateFromStores([HiddenServersStore], () => HiddenServersStore.hiddenGuildsDetail());
     return (
         <ModalRoot {...modalProps} size={ModalSize.LARGE}>
             <ModalHeader>
@@ -43,23 +38,26 @@ function HiddenServersModal({
             </ModalHeader>
 
             <ModalContent>
-                <HiddenServersMenu servers={servers} />
+                <HiddenServersMenu guilds={guilds} />
             </ModalContent>
         </ModalRoot>
     );
 }
 
-export function HiddenServersMenu({ servers }: { servers: Guild[]; }) {
+export function HiddenServersMenu({ guilds }: { guilds: Guild[]; }) {
     return <div className={cl("list")}>
-        {servers.length > 0 ? (
-            servers.map(server => (
-                <div key={server.id} className={cl("row")}>
+        {guilds.length > 0 ? (
+            guilds.map(guild => (
+                <div key={guild.id} className={cl("row")}>
                     <div className={cl("guildicon")}>
-                        {server.icon
-                            ? <img height="48" width="48"
+                        {guild.icon
+                            ? <img
+                                alt=""
+                                height="48"
+                                width="48"
                                 src={IconUtils.getGuildIconURL({
-                                    id: server.id,
-                                    icon: server.icon,
+                                    id: guild.id,
+                                    icon: guild.icon,
                                     canAnimate: true,
                                     size: 240,
                                 })} />
@@ -69,17 +67,17 @@ export function HiddenServersMenu({ servers }: { servers: Guild[]; }) {
                                     IconClasses.childWrapper,
                                     IconClasses.acronym
                                 )}>
-                                {server.acronym}
+                                {getGuildAcronym(guild)}
                             </div>
                         }
                     </div>
                     <Forms.FormTitle className={cl("name")}>
-                        {server.name}
+                        {guild.name}
                     </Forms.FormTitle>
                     <Button
                         className={"row-button"}
                         color={Button.Colors.PRIMARY}
-                        onClick={() => HiddenServersStore.removeHidden(server.id)}
+                        onClick={() => HiddenServersStore.removeHidden(guild.id)}
                     >
                         Remove
                     </Button>

src/equicordplugins/hideServers/settings.tsx

@@ -30,7 +30,7 @@ export default definePluginSettings({
         description: "Remove hidden servers",
         component: () => {
             const detail = useStateFromStores([HiddenServersStore], () => HiddenServersStore.hiddenGuildsDetail());
-            return <HiddenServersMenu servers={detail} />;
+            return <HiddenServersMenu guilds={detail} />;
         }
     },
     resetHidden: {

src/plugins/serverInfo/GuildInfoModal.tsx

@@ -374,7 +374,7 @@ function MutualServerIcons({ member }: { member: MemberWithMutuals; }) {
                     {iconUrl ? (
                         <img src={iconUrl} alt="" />
                     ) : (
-                        <div className={cl("guild-acronym")}>{guild.acronym}</div>
+                        <div className={cl("guild-acronym")}>{getGuildAcronym(guild)}</div>
                     )}
                 </div>
             ))}