[Home] Fix selected class

src/ui/settings/home/index.js

@@ -7,6 +7,7 @@ export default async (goosemodScope) => {
   const { LinkButton } = goosemodScope.webpackModules.findByProps('LinkButton');
 
   const LinkButtonClasses = goosemodScope.webpackModules.findByProps('selected', 'wrappedName');
+  const LinkButtonSubClasses = goosemod.webpackModules.findByProps('interactive', 'selected');
   const ChannelLinkButtonClasses = goosemodScope.webpackModules.findByProps('channel', 'linkButtonIcon');
   const HeaderClasses = goosemodScope.webpackModules.findByProps('headerText', 'privateChannelsHeaderContainer');
   const IconClasses = goosemodScope.webpackModules.findByProps('icon', 'iconBadge', 'title');
@@ -100,12 +101,12 @@ export default async (goosemodScope) => {
 
     for (const x of findClasses('scroller-1JbKMe', 'scroller-WSmht3').children[0].children) {
       if (!x.className?.replace) continue;
-      x.className = x.className.replace(LinkButtonClasses.selected, LinkButtonClasses.clickable);
+      x.className.children[0].classList.remove(LinkButtonSubClasses.selected);
     }
 
     setTimeout(() => {
       const buttonEl = document.getElementById(`gm-home-${type}`).parentElement;
-      buttonEl.className = buttonEl.className.replace(LinkButtonClasses.clickable, LinkButtonClasses.selected);
+      x.className.children[0].classList.add(LinkButtonSubClasses.selected);
     }, 0);
 
     const contentCards = type !== 'snippets' && Array.isArray(contents[type].props.children) ? contents[type].props.children.filter((x) => x.props.type === 'card').length : 0;
@@ -176,7 +177,7 @@ export default async (goosemodScope) => {
       findClasses('scroller-1JbKMe', 'scroller-WSmht3').addEventListener('click', (e) => {
         const buttonEl = findClassInParentTree(e.target, ChannelLinkButtonClasses.link);
         if (buttonEl && !buttonEl.id.startsWith('gm-home-')) {
-          document.querySelectorAll('[id^="gm-home-"]').forEach((x) => x.parentElement.className = x.parentElement.className.replace(LinkButtonClasses.selected, LinkButtonClasses.clickable)); 
+          document.querySelectorAll('[id^="gm-home-"]').forEach((x) => x.parentElement.classList.remove(LinkButtonSubClasses.selected));
 
           setTimeout(() => {
             if (document.getElementById(`gm-settings-inject`) !== null) {