Fix: prevent thumbnail screenshot if not live

src/lib/components/Channel/Chat/DrawerEditChannel.svelte

@@ -10,7 +10,7 @@
 	import IconChatScreenshot from '$lib/assets/icons/chat/IconChatScreenshot.svelte'
 	import { captureScreenShot } from '$lib/utils'
 
-	export let channel: any, showDrawer: boolean
+	export let channel: any, showDrawer: boolean, isLive: boolean
 
 	let fileuploader: HTMLInputElement,
 		thumbnailRef: any,
@@ -56,7 +56,7 @@
 	const checkVideo = (e: any) => {
 		e.preventDefault()
 		showThumbnail = true
-		if (channel.videoItems.length > 0) {
+		if (isLive && channel.videoItems.length > 0) {
 			imageSrc = captureScreenShot(channel)
 		}
 	}
@@ -217,7 +217,7 @@
 					<div class="flex flex-row gap-2 mt-auto p-3">
 						<button type="button" class="btn btn-neutral grow" on:click={() => toggleDrawer()}
 							>Cancel</button>
-						<button type="submit" class="btn btn-primary grow">Edit</button>
+						<button type="submit" class="btn btn-primary grow">Apply</button>
 					</div>
 				</div>
 			</form>

src/lib/utils.ts

@@ -387,7 +387,7 @@ export const getHref = async ({
 			'x-api-key': xApiKey
 		}
 	})
-	const { loginUrl } = await response.json()
+	const { loginUrl }: any = await response.json()
 	window.location.replace(loginUrl)
 }
 

src/routes/channel/[channelId]/+page.svelte

@@ -407,7 +407,7 @@
 					bind:viewers />
 
 				{#if showEditChannelDrawer}
-					<DrawerEditChannel bind:channel bind:showDrawer={showEditChannelDrawer} />
+					<DrawerEditChannel bind:channel bind:showDrawer={showEditChannelDrawer} bind:isLive />
 				{/if}
 			</div>
 			{#if !$is_chat_drawer_destroy}