Merge pull request #775 from gagansuie/dev

Fix: enabling and disabling restream
CodeCrowCorp · Oct 30, 2023 · f99d7df · f99d7df
2 parents bcf0dd6 + 7748bf0
commit f99d7df
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 20 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "mage-website",
-	"version": "0.1.07",
+	"version": "0.1.08",
 	"license": "GPL-3.0",
 	"private": true,
 	"type": "module",

diff --git a/src/lib/components/Channel/Chat/DrawerRestream.svelte b/src/lib/components/Channel/Chat/DrawerRestream.svelte
@@ -191,7 +191,7 @@
 					class="btn btn-neutral text-white grow w-full"
 					on:click={() => {
 						document.getElementById('overlay')?.click()
-					}}>Cancel</button>
+					}}>Close</button>
 			</div>
 		</ul>
 	</div>

diff --git a/src/lib/components/Channel/Stream/StreamControls.svelte b/src/lib/components/Channel/Stream/StreamControls.svelte
@@ -20,9 +20,7 @@
 		is_feature_apps_enabled,
 		is_feature_restream_enabled
 	} from '$lib/stores/remoteConfigStore'
-	import {
-		is_restream_drawer_open
-	} from '$lib/stores/channelStore'
+	import { is_restream_drawer_open } from '$lib/stores/channelStore'
 
 	export let isHostOrGuest: boolean = false,
 		channel: any,
@@ -350,7 +348,6 @@
 			subs()
 		})
 	})
-
 </script>
 
 <div class="flex flex-col sm:flex-row gap-4">
@@ -417,12 +414,22 @@
 				!videoItemIsActive}>
 			<IconShareObs />
 		</button>
-		{#if $is_feature_restream_enabled}	
-			<button on:click={() => {
-				$is_restream_drawer_open = !$is_restream_drawer_open
-			}} class="flex items-center btn text-white border-none tooltip font-normal normal-case {$is_restream_drawer_open
-				? 'btn-primary'
-				: 'btn-neutral'}" >
+		{#if $is_feature_restream_enabled}
+			<button
+				class="flex items-center btn text-white border-none tooltip font-normal normal-case {$is_restream_drawer_open
+					? 'btn-primary'
+					: 'btn-neutral'}"
+				data-tip="Restream"
+				on:click={() => {
+					$is_restream_drawer_open = !$is_restream_drawer_open
+				}}
+				disabled={$is_sharing_obs ||
+					$is_sharing_screen ||
+					$is_sharing_webcam ||
+					$is_sharing_audio ||
+					!isHostOrGuest ||
+					!isChannelSocketConnected ||
+					!videoItemIsActive}>
 				<IconRestream />
 			</button>
 		{/if}

diff --git a/src/lib/stores/channelStore.ts b/src/lib/stores/channelStore.ts
@@ -12,5 +12,3 @@ export const is_chat_drawer_destroy: Writable<boolean> = writable(false)
 export const was_chat_drawer_closed: Writable<boolean> = writable(false)
 
 export const is_restream_drawer_open: Writable<boolean> = writable(false)
-export const is_restream_drawer_destroy: Writable<boolean> = writable(false)
-export const was_restream_drawer_closed: Writable<boolean> = writable(false)
diff --git a/src/routes/channel/[channelId]/+page.svelte b/src/routes/channel/[channelId]/+page.svelte
@@ -2,7 +2,7 @@
 	import DrawerChat from '$lib/components/Channel/Chat/DrawerChat.svelte'
 	import StreamContainer from '$lib/components/Channel/Stream/StreamContainer.svelte'
 	import { onDestroy, onMount } from 'svelte'
-	import { get, del, post, put, patch } from '$lib/api'
+	import { get, del, post } from '$lib/api'
 	import {
 		emitChatHistoryToChannel,
 		initChannelSocket,
@@ -22,9 +22,7 @@
 		is_sharing_audio,
 		updateVideoItems
 	} from '$lib/stores/streamStore'
-	import {
-		is_feature_restream_enabled
-	} from '$lib/stores/remoteConfigStore'
+	import { is_feature_restream_enabled } from '$lib/stores/remoteConfigStore'
 	import DrawerRestream from '$lib/components/Channel/Chat/DrawerRestream.svelte'
 
 	let channel: any,
@@ -301,11 +299,10 @@
 	})
 </script>
 
-{#if $is_feature_restream_enabled}
+{#if $is_feature_restream_enabled && !$is_sharing_screen && !$is_sharing_webcam && !$is_sharing_audio && isHostOrGuest}
 	<DrawerRestream />
 {/if}
 
-
 {#if channel && channel._id === $page.params.channelId}
 	<div class="relative h-full bg-base-200 overflow-hidden flex">
 		<div