From 120740acbd80e3c1ec9834e6fa8d4d2828ebf656 Mon Sep 17 00:00:00 2001
From: mxgic1337 <60188749+mxgic1337@users.noreply.github.com>
Date: Wed, 4 Jun 2025 18:35:06 +0200
Subject: [PATCH] feat: add toggle to hide combos

---
 .../twitch-twilight/modules/css_tweaks/index.js      | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/sites/twitch-twilight/modules/css_tweaks/index.js b/src/sites/twitch-twilight/modules/css_tweaks/index.js
index 50be58c4..0a3a99ad 100644
--- a/src/sites/twitch-twilight/modules/css_tweaks/index.js
+++ b/src/sites/twitch-twilight/modules/css_tweaks/index.js
@@ -38,6 +38,7 @@ const CLASSES = {
 	'player-ext': '.video-player .extension-taskbar,.video-player .extension-container,.video-player .extensions-dock__layout,.video-player .extensions-notifications,.video-player .extensions-video-overlay-size-container,.video-player .extensions-dock__layout',
 	'player-ext-hover': '.video-player__container[data-controls="false"] .extension-taskbar,.video-player__container[data-controls="false"] .extension-container,.video-player__container[data-controls="false"] .extensions-dock__layout,.video-player__container[data-controls="false"] .extensions-notifications,.video-player__container[data-controls="false"] .extensions-video-overlay-size-container',
 	'player-cast': '.video-player button:has(.tw-chromecast-button__icon)',
+	'combos': 'div:has(> [aria-controls="one-tap-store-id"]), div > div > .tw-transition-group:has([class*="oneTapStreakPill--"]), div#one-tap-store-id',
 
 	'player-event-bar': '.channel-root .live-event-banner-ui__header',
 	'player-rerun-bar': '.channel-root__player-container div.tw-c-text-overlay:not([data-a-target="hosting-ui-header"])',
@@ -343,6 +344,16 @@ export default class CSSTweaks extends Module {
 			}
 		});
 
+		this.settings.add('layout.combos', {
+			default: false,
+			ui: {
+				path: 'Appearance > Layout >> Channel',
+				title: 'Hide Combos.',
+				component: 'setting-check-box'
+			},
+			changed: val => this.toggleHide('combos', val)
+		});
+
 		/*this.settings.add('layout.discover', {
 			default: true,
 			ui: {
@@ -510,6 +521,7 @@ export default class CSSTweaks extends Module {
 		this.toggleHide('discover-luna', this.settings.get('layout.hide-discover-luna'));
 		this.toggleHide('prime-offers', !this.settings.get('layout.prime-offers'));
 		//this.toggleHide('top-discover', !this.settings.get('layout.discover'));
+		this.toggleHide('combos', this.settings.get('layout.combos'));
 		this.toggle('hide-unfollow-button', this.settings.get('channel.hide-unfollow'));
 
 		this.toggleHide('pinned-hype-chat', ! this.settings.get('chat.hype.show-pinned'));