From b954bf3c9d9329e55c9dc2bd93ac81944a8bdd21 Mon Sep 17 00:00:00 2001
From: Vendicated <vendicated@riseup.net>
Date: Wed, 30 Apr 2025 03:30:37 +0200
Subject: [PATCH] MutualGroupDMs: fix DM sidebar (again)

---
 src/plugins/mutualGroupDMs/index.tsx | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/plugins/mutualGroupDMs/index.tsx b/src/plugins/mutualGroupDMs/index.tsx
index 3c8e30fe..42f4f2e3 100644
--- a/src/plugins/mutualGroupDMs/index.tsx
+++ b/src/plugins/mutualGroupDMs/index.tsx
@@ -32,8 +32,8 @@ const SelectedChannelActionCreators = findByPropsLazy("selectPrivateChannel");
 const UserUtils = findByPropsLazy("getGlobalName");
 
 const ProfileListClasses = findByPropsLazy("emptyIconFriends", "emptyIconGuilds");
+const MutualsListClasses = findByPropsLazy("row", "icon", "name", "nick");
 const ExpandableList = findComponentByCodeLazy('"PRESS_SECTION"', ".header");
-const GuildLabelClasses = findByPropsLazy("guildNick", "guildAvatarWithoutIcon");
 
 function getGroupDMName(channel: Channel) {
     return channel.name ||
@@ -59,21 +59,22 @@ function renderClickableGDMs(mutualDms: Channel[], onClose: () => void) {
     return mutualDms.map(c => (
         <Clickable
             key={c.id}
-            className={ProfileListClasses.listRow}
             onClick={() => {
                 onClose();
                 SelectedChannelActionCreators.selectPrivateChannel(c.id);
             }}
         >
-            <Avatar
-                src={IconUtils.getChannelIconURL({ id: c.id, icon: c.icon, size: 32 })}
-                size="SIZE_40"
-                className={ProfileListClasses.listAvatar}
-            >
-            </Avatar>
-            <div className={ProfileListClasses.listRowContent}>
-                <div className={ProfileListClasses.listName}>{getGroupDMName(c)}</div>
-                <div className={GuildLabelClasses.guildNick}>{c.recipients.length + 1} Members</div>
+            <div className={MutualsListClasses.row}>
+                <Avatar
+                    src={IconUtils.getChannelIconURL({ id: c.id, icon: c.icon, size: 32 })}
+                    size="SIZE_40"
+                    className={MutualsListClasses.icon}
+                >
+                </Avatar>
+                <div className={MutualsListClasses.details}>
+                    <div className={MutualsListClasses.name}>{getGroupDMName(c)}</div>
+                    <div className={MutualsListClasses.nick}>{c.recipients.length + 1} Members</div>
+                </div>
             </div>
         </Clickable>
     ));