Fix: disable platform profiles and enable message delete

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "mage-website",
-	"version": "0.2.13",
+	"version": "0.2.14",
 	"license": "GPL-3.0",
 	"private": true,
 	"type": "module",

src/hooks.server.ts

@@ -55,7 +55,6 @@ export const handle = onHandle(async ({ event, resolve }) => {
 				maxAge: 60 * 60 * 24 * 30
 			})
 		}
-		//TODO: if need to update platform object, visit app.d.ts file
 		event.locals = {
 			user: {
 				userId: parseInt(userId),

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

@@ -232,13 +232,13 @@
 										urlList.some((item) => item.platform === 'twitch')}
 									><IconSocialTwitch /> Twitch
 								</button>
-								<!-- <button
+								<button
 									class="btn btn-sm"
 									on:click={linkYoutube}
 									disabled={urlList &&
 										Array.isArray(urlList) &&
 										urlList.some((item) => item.platform === 'youtube')}
-									><IconSocialYouTube /> YouTube</button> -->
+									><IconSocialYouTube /> YouTube</button>
 							</div>
 							<label class="label">
 								<span class="label-text">Name</span>

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

@@ -148,7 +148,7 @@
 	onMount(() => {
 		const spans = document.querySelectorAll('span[name="username"]')
 		spans.forEach((span: any) => {
-			span.onclick = sender.platform ?? onUsernameClick
+			span.onclick = onUsernameClick
 		})
 	})
 
@@ -159,18 +159,16 @@
 	<div class="relative m-1">
 		<!--Host, Mod, You or Rando-->
 		<div class="border border-transparent rounded-lg gap-2 flex">
-			{#if !sender.platform}
-				<div
-					class="group-hover:block dropdown-menu absolute hidden right-0 dropdown dropdown-left dropdown-end"
-					tabindex="1">
-					<div class="rounded-lg bg-base-300 absolute bottom-0 right-0 border-base-100 border-2">
-						<IconChatHorizontalMore />
-					</div>
-					<ul
-						tabindex="1"
-						class="dropdown-content menu p-2 shadow bg-base-200 rounded-box w-52 z-10">
-						<li class="disabled"><a><IconChatReact /> React </a></li>
-						<li class="disabled"><a><IconChatQuote /> Quote </a></li>
+			<div
+				class="group-hover:block dropdown-menu absolute hidden right-0 dropdown dropdown-left dropdown-end"
+				tabindex="1">
+				<div class="rounded-lg bg-base-300 absolute bottom-0 right-0 border-base-100 border-2">
+					<IconChatHorizontalMore />
+				</div>
+				<ul tabindex="1" class="dropdown-content menu p-2 shadow bg-base-200 rounded-box w-52 z-10">
+					<li class="disabled"><a><IconChatReact /> React </a></li>
+					<li class="disabled"><a><IconChatQuote /> Quote </a></li>
+					{#if !sender.platform}
 						{#if showRoleItem && !channel.bans.includes(sender.user?.userId)}
 							<li>
 								<a on:click={() => toggleMod()}
@@ -190,14 +188,14 @@
 								</a>
 							</li>
 						{/if}
-						{#if hostId === $page.data.user?.userId || sender.user?.userId === $page.data.user?.userId}
-							<li>
-								<a on:click={() => deleteMessage()}><IconChatDelete /> Delete</a>
-							</li>
-						{/if}
-					</ul>
-				</div>
-			{/if}
+					{/if}
+					{#if hostId === $page.data.user?.userId || sender.user?.userId === $page.data.user?.userId}
+						<li>
+							<a on:click={() => deleteMessage()}><IconChatDelete /> Delete</a>
+						</li>
+					{/if}
+				</ul>
+			</div>
 			<div class="d-flex align-items-center">
 				{#if sender.platform === 'twitch'}
 					<div style="display: ruby;"><IconSocialTwitch /></div>
@@ -212,7 +210,9 @@
 				{#if role !== '🤖 AI'}
 					<span
 						class="{coloredRole.textColor} font-medium cursor-pointer"
-						on:click={onUsernameClick}
+						on:click={() => {
+							if (!sender.platform) onUsernameClick()
+						}}
 						id={'@' + sender.user?.username}>
 						@{sender.user?.username}
 					</span>

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

@@ -346,7 +346,7 @@
 						message: {
 							isAiChatEnabled: false,
 							body: item.message,
-							platform: 'youtube',
+							platform: item.platform,
 							youtubeMessageId: item.id
 						}
 					})