Fix: prevent thumbnail screenshot if not live

CodeCrowCorp · May 23, 2024 · 37884b3 · 37884b3
1 parent 4c57852
commit 37884b3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/lib/components/Channel/Chat/DrawerEditChannel.svelte b/src/lib/components/Channel/Chat/DrawerEditChannel.svelte
@@ -10,22 +10,22 @@
 	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,
 		showThumbnail = false,
 		showAddCategory = false,
 		maxTag = 3,
 		maxCategory = 4,
-		imageSrc: string = ''
+		imageSrc: string = '',
+		inputTags: HTMLInputElement
 
 	$: maxTagLabel = channel?.tags.length == maxTag ? 'max reached' : 'max ' + maxTag
 	$: maxCategoryLabel =
 		channel?.category.length == maxCategory ? 'max reached' : 'max ' + maxCategory
 
 	onMount(async () => {
-		let inputTags = document.getElementById('tags')
 		inputTags?.setAttribute('maxlength', '20')
 		if (!$tags.length) {
 			const suggestedTags = await get(`tags`)
@@ -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)
 		}
 	}
@@ -181,7 +181,7 @@
 							<Tags
 								bind:tags={channel.tags}
 								maxTags={maxTag}
-								id="tags"
+								bind:this={inputTags}
 								placeholder={channel.tags.length > 0 ? '' : 'Tag'} />
 							<span class="absolute right-0 top-1/2 text-gray-400 pr-3">({maxTagLabel})</span>
 							{#if channel.tags.length === 0}
@@ -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>

diff --git a/src/lib/utils.ts b/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)
 }
 

diff --git a/src/routes/channel/[channelId]/+page.svelte b/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}