Fix unwanted nametags paint tooltip

CHANGELOG-nightly.md

@@ -16,6 +16,7 @@
 -   Fixed an issue in the emote menu where the previously selected provider would close if a set was empty
 -   Fixed emote cards sometimes not showing who added the emote
 -   Fixed an issue where the detailed emote card would clip under existing chat messages
+-   Fixed unwanted nametag paint tooltip when nametag paints are disabled
 
 ### Version 3.0.5.1000
 

src/directive/TextPaintDirective.ts

@@ -1,5 +1,4 @@
 import type { Directive, DirectiveBinding } from "vue";
-import { useConfig } from "@/composable/useSettings";
 
 const ATTR_SEVENTV_PAINT_ID = "data-seventv-cosmetic-paint-id";
 const ATTR_SEVENTV_TEXT = "data-seventv-painted-text";
@@ -18,9 +17,6 @@ export const TextPaintDirective = {
 } as Directive<HTMLElement, string | null>;
 
 function updateElementStyles(el: HTMLElement, paintID: string | null): void {
-	const shouldRender = useConfig("vanity.nametag_paints"); // TODO: better way to handle disable of paints
-	if (!shouldRender.value) return;
-
 	if (!paintID || (el.hasAttribute(ATTR_SEVENTV_PAINT_ID) && el.getAttribute(ATTR_SEVENTV_PAINT_ID) !== paintID)) {
 		el.style.backgroundImage = "";
 		el.style.filter = "";

src/site/twitch.tv/modules/chat/components/message/UserTag.vue

@@ -34,6 +34,7 @@ import type { ChatUser } from "@/common/chat/ChatMessage";
 import { useChannelContext } from "@/composable/channel/useChannelContext";
 import { useChatProperties } from "@/composable/chat/useChatProperties";
 import { useCosmetics } from "@/composable/useCosmetics";
+import { useConfig } from "@/composable/useSettings";
 import Badge from "./Badge.vue";
 
 const props = defineProps<{
@@ -52,6 +53,7 @@ const emit = defineEmits<{
 const ctx = useChannelContext();
 const properties = useChatProperties(ctx);
 const cosmetics = useCosmetics(props.user.id);
+const shouldRenderPaint = useConfig("vanity.nametag_paints");
 const twitchBadges = ref([] as Twitch.ChatBadge[]);
 
 const paint = ref<SevenTV.Cosmetic<"PAINT"> | null>(null);
@@ -88,7 +90,7 @@ const stop = watch(
 			return;
 		}
 
-		paint.value = paints && paints.size ? paints.values().next().value : null;
+		paint.value = shouldRenderPaint.value && paints && paints.size ? paints.values().next().value : null;
 		activeBadges.value = [...badges.values()];
 	},
 	{ immediate: true },