#959 | Added option to hide channel point balance button

CHANGELOG-nightly.md

@@ -3,6 +3,7 @@
 **The changes listed here are not assigned to an official release**.
 
 -   Reinstated animated avatars
+-   Added an option to hide the channel point balance button under the chat input box
 -   Updated background of the current emote tab selection
 -   Fixed an issue where suspicious users were not highlighted and clips not being displayed in chat
 -   Fixed an issue which caused timestamps to count beyond 24 hours

src/site/twitch.tv/modules/hidden-elements/HiddenElementsModule.vue

@@ -117,6 +117,12 @@ export const config = [
 		hint: "If checked, the 'Turn notifications off/on' button under the stream will be hidden",
 		defaultValue: false,
 	}),
+	declareConfig("layout.hide_channel_point_balance_button", "TOGGLE", {
+		path: ["Site Layout", "Twitch Features"],
+		label: "Hide Channel Point Balance Button",
+		hint: "If checked, the channel point balance button under the chat input box will be hidden",
+		defaultValue: false,
+	}),
 	// Side bar elements
 	declareConfig("layout.hide_recommended_channels", "TOGGLE", {
 		path: ["Site Layout", "Sidebar"],
@@ -272,6 +278,12 @@ export const config = [
 	}
 }
 
+.seventv-hide-channel-point-balance-button {
+	.community-points-summary {
+		display: none !important;
+	}
+}
+
 .seventv-hide-player-ext {
 	/* stylelint-disable */
 	.video-player .extension-taskbar,

src/site/twitch.tv/modules/hidden-elements/hiddenElements.ts

@@ -21,6 +21,7 @@ const hideLiveNotificationButton = useConfig<boolean>("layout.hide_live_notifica
 const hideSubscribeButton = useConfig<boolean>("layout.hide_subscribe_button");
 const hideChatInputBox = useConfig<boolean>("layout.hide_chat_input_box");
 const hidePlayerExtensions = useConfig<boolean>("player.hide_player_extensions");
+const hideChannelPointBalanceButton = useConfig<boolean>("layout.hide_channel_point_balance_button");
 
 export const hiddenElementSettings: Array<{ class: string; isHidden: Ref<boolean> }> = [
 	{ class: "seventv-hide-leaderboard", isHidden: hideLeaderboard },
@@ -43,4 +44,5 @@ export const hiddenElementSettings: Array<{ class: string; isHidden: Ref<boolean
 	{ class: "seventv-hide-subscribe-button", isHidden: hideSubscribeButton },
 	{ class: "seventv-hide-chat-input-box", isHidden: hideChatInputBox },
 	{ class: "seventv-hide-player-ext", isHidden: hidePlayerExtensions },
+	{ class: "seventv-hide-channel-point-balance-button", isHidden: hideChannelPointBalanceButton },
 ];