From 345d0f78dc44742013887d607c9713f47019a290 Mon Sep 17 00:00:00 2001
From: redphx <96280+redphx@users.noreply.github.com>
Date: Sun, 7 Jul 2024 16:55:57 +0700
Subject: [PATCH] Add option to hide "News" section

---
 src/utils/css.ts | 27 ++++++++++++---------------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/src/utils/css.ts b/src/utils/css.ts
index 7520b56..61a8607 100644
--- a/src/utils/css.ts
+++ b/src/utils/css.ts
@@ -8,24 +8,21 @@ export function addCss() {
     const STYLUS_CSS = renderStylus();
     let css = STYLUS_CSS;
 
-    // Hide "Play with Friends" section
-    if (getPref(PrefKey.UI_HIDE_SECTIONS).includes(UiSection.FRIENDS)) {
-        css += `
-div[class^=HomePage-module__bottomSpacing]:has(button[class*=SocialEmptyCard]),
-button[class*=SocialEmptyCard] {
-    display: none;
-}
-`;
+    const PREF_HIDE_SECTIONS = getPref(PrefKey.UI_HIDE_SECTIONS);
+    const selectorToHide = [];
+
+    // Hide "News" section
+    if (PREF_HIDE_SECTIONS.includes(UiSection.NEWS)) {
+        selectorToHide.push('#BodyContent > div[class*=CarouselRow-module]');
     }
 
+   // Hide "Start a party" button in the Guide menu
     if (getPref(PrefKey.BLOCK_SOCIAL_FEATURES)) {
-        css += `
-/* Hide "Start a party" button in the Guide menu */
-#gamepass-dialog-root div[class^=AchievementsPreview-module__container] + button[class*=HomeLandingPage-module__button]
-{
-    display: none;
-}
-`;
+        selectorToHide.push('#gamepass-dialog-root div[class^=AchievementsPreview-module__container] + button[class*=HomeLandingPage-module__button]');
+    }
+
+    if (selectorToHide) {
+        css += selectorToHide.join(',') + '{ display: none; }';
     }
 
     // Reduce animations