refactor: add fallback preview image

SevenTV · Dec 17, 2023 · a5802c3 · a5802c3
1 parent 91c2e5c
commit a5802c3
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/site/twitch.tv/modules/sidebar-previews/SidebarCard.vue b/src/site/twitch.tv/modules/sidebar-previews/SidebarCard.vue
@@ -11,6 +11,8 @@ const props = defineProps<{
 	instance: HookedInstance<Twitch.SidebarCardComponent>;
 }>();
 
+const SIDEBAR_PREVIEW_FALLBACK = "https://vod-secure.twitch.tv/_404/404_processing_320x180.png";
+
 const showPreviews = useConfig<boolean>("ui.sidebar_previews");
 
 const tooltipContent = ref<ReactExtended.ReactRuntimeElement>();
@@ -70,7 +72,7 @@ function patchTooltip(tooltip: ReactExtended.ReactRuntimeElement, vnode: ReactEx
 		props: {
 			className: "seventv-sidebar-tooltip-preview",
 			style: {
-				backgroundImage: getThumbnail(tooltip.props.streamPreviewImage),
+				backgroundImage: getThumbnail(tooltip.props.streamPreviewImage ?? SIDEBAR_PREVIEW_FALLBACK),
 			},
 		},
 	});