From 12bad238bf92df25b02cdf8daa984264639eaf4d Mon Sep 17 00:00:00 2001
From: Gagan Suie <gagan.suie@codecrow.io>
Date: Wed, 5 Jul 2023 22:59:07 -0500
Subject: [PATCH] Fix: isPaidPlan null with removed users

---
 src/lib/components/Browse/Sections/ItemCarousel.svelte     | 2 +-
 src/lib/components/Browse/Sections/ItemChannel.svelte      | 2 +-
 src/lib/components/Browse/Sections/ItemTable.svelte        | 2 +-
 src/lib/components/Browse/Sections/ItemUser.svelte         | 2 +-
 src/lib/components/Channel/Chat/DropdownViewChannel.svelte | 2 +-
 src/lib/components/Channel/Stream/VideoItem.svelte         | 2 +-
 src/lib/components/Global/DrawerMain.svelte                | 2 +-
 src/lib/components/Profile/TopSection.svelte               | 2 +-
 src/lib/components/Search/ItemSearchChannel.svelte         | 2 +-
 src/lib/components/Search/ItemSearchUser.svelte            | 2 +-
 10 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/Browse/Sections/ItemCarousel.svelte b/src/lib/components/Browse/Sections/ItemCarousel.svelte
index 4a4d22d6..e2c38bbe 100644
--- a/src/lib/components/Browse/Sections/ItemCarousel.svelte
+++ b/src/lib/components/Browse/Sections/ItemCarousel.svelte
@@ -48,7 +48,7 @@
 			<p class="text-2xl truncate text-white font-semibold">{channel.title || ''}</p>
 			<div class="flex flex-row items-center gap-2">
 				<div class="avatar">
-					<div class="w-14 mask {channel.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
+					<div class="w-14 mask {channel?.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
 						<img src={channel.avatar} alt="" />
 					</div>
 				</div>
diff --git a/src/lib/components/Browse/Sections/ItemChannel.svelte b/src/lib/components/Browse/Sections/ItemChannel.svelte
index 48a544c5..4d8d2def 100644
--- a/src/lib/components/Browse/Sections/ItemChannel.svelte
+++ b/src/lib/components/Browse/Sections/ItemChannel.svelte
@@ -50,7 +50,7 @@
 			<p class="text-lg font-semibold truncate">{channel.title}</p>
 			<div class="flex flex-row gap-2 max-w-[25rem]">
 				<div class="avatar">
-					<div class="w-12 mask {channel.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
+					<div class="w-12 mask {channel?.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
 						<img src={channel.avatar} alt="" />
 					</div>
 				</div>
diff --git a/src/lib/components/Browse/Sections/ItemTable.svelte b/src/lib/components/Browse/Sections/ItemTable.svelte
index e13e2753..ffd8ce63 100644
--- a/src/lib/components/Browse/Sections/ItemTable.svelte
+++ b/src/lib/components/Browse/Sections/ItemTable.svelte
@@ -13,7 +13,7 @@
 	<td>
 		<div class="flex items-center space-x-2 my-3 pl-3">
 			<div class="avatar">
-				<div class="w-12 mask {channel.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
+				<div class="w-12 mask {channel?.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
 					<img src={channel.avatar} alt="" />
 				</div>
 			</div>
diff --git a/src/lib/components/Browse/Sections/ItemUser.svelte b/src/lib/components/Browse/Sections/ItemUser.svelte
index c04ae45e..bf64ef1d 100644
--- a/src/lib/components/Browse/Sections/ItemUser.svelte
+++ b/src/lib/components/Browse/Sections/ItemUser.svelte
@@ -9,7 +9,7 @@
 		<a class="rounded-md" href="/profile/{user.username}">
 			<div class="text-center space-y-3 w-[200px]">
 				<div class="avatar">
-					<div class="w-36 mask {user.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
+					<div class="w-36 mask {user?.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
 						<img src={user.avatar} alt="" />
 					</div>
 				</div>
diff --git a/src/lib/components/Channel/Chat/DropdownViewChannel.svelte b/src/lib/components/Channel/Chat/DropdownViewChannel.svelte
index 71ab6c2e..05b8719f 100644
--- a/src/lib/components/Channel/Chat/DropdownViewChannel.svelte
+++ b/src/lib/components/Channel/Chat/DropdownViewChannel.svelte
@@ -119,7 +119,7 @@
 			<a href="/profile/{host?.username}">
 				<div class="flex flex-wrap gap-2">
 					<div class="avatar online">
-						<div class="w-12 mask {host.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
+						<div class="w-12 mask {host?.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
 							<img src={host?.avatar} alt="" />
 						</div>
 					</div>
diff --git a/src/lib/components/Channel/Stream/VideoItem.svelte b/src/lib/components/Channel/Stream/VideoItem.svelte
index 526b38ad..753a831e 100644
--- a/src/lib/components/Channel/Stream/VideoItem.svelte
+++ b/src/lib/components/Channel/Stream/VideoItem.svelte
@@ -323,7 +323,7 @@
 		<img
 			src={video.avatar}
 			alt=""
-			class="absolute inset-0 w-24 md:w-24 mask {video.isPaidPlan
+			class="absolute inset-0 w-24 md:w-24 mask {video?.isPaidPlan
 				? 'mask-hexagon'
 				: 'mask-squircle'} object-cover m-auto" />
 		<div class="absolute inset-0">
diff --git a/src/lib/components/Global/DrawerMain.svelte b/src/lib/components/Global/DrawerMain.svelte
index 3876d803..f4be0d44 100644
--- a/src/lib/components/Global/DrawerMain.svelte
+++ b/src/lib/components/Global/DrawerMain.svelte
@@ -87,7 +87,7 @@
 							<div class={isChannelPage ? 'max-w-md' : 'max-w-full'}>
 								<div class="avatar {$isOnline ? 'online' : 'offline'}">
 									<div
-										class="w-24 {isChannelPage ? 'md:w-12' : ''} mask {currentUser.isPaidPlan
+										class="w-24 {isChannelPage ? 'md:w-12' : ''} mask {currentUser?.isPaidPlan
 											? 'mask-hexagon'
 											: 'mask-squircle'}">
 										<img src={currentUser.avatar} alt="" />
diff --git a/src/lib/components/Profile/TopSection.svelte b/src/lib/components/Profile/TopSection.svelte
index c69e5a29..7a24cb69 100644
--- a/src/lib/components/Profile/TopSection.svelte
+++ b/src/lib/components/Profile/TopSection.svelte
@@ -36,7 +36,7 @@
 				<div class="w-32 h-32">
 					<div class="avatar -top-16 {profile.isOnline ? 'online' : 'offline'}">
 						<div
-							class="mask {profile.isPaidPlan
+							class="mask {profile?.isPaidPlan
 								? 'mask-hexagon'
 								: 'mask-squircle'} h-auto align-middle max-w-150-px">
 							<img src={profile.avatar} alt="" class="!w-32 !h-32" />
diff --git a/src/lib/components/Search/ItemSearchChannel.svelte b/src/lib/components/Search/ItemSearchChannel.svelte
index 433506fc..eadb015a 100644
--- a/src/lib/components/Search/ItemSearchChannel.svelte
+++ b/src/lib/components/Search/ItemSearchChannel.svelte
@@ -55,7 +55,7 @@
 
 					<div class="flex items-center">
 						<div class="avatar">
-							<div class="w-12 mask {item.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
+							<div class="w-12 mask {item?.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
 								<img src={item.avatar} alt="" />
 							</div>
 						</div>
diff --git a/src/lib/components/Search/ItemSearchUser.svelte b/src/lib/components/Search/ItemSearchUser.svelte
index 8fb348ac..848cf454 100644
--- a/src/lib/components/Search/ItemSearchUser.svelte
+++ b/src/lib/components/Search/ItemSearchUser.svelte
@@ -11,7 +11,7 @@
 			<div class="flex-col md:flex-row gap-4 w-full contents">
 				<div class="max-w-md">
 					<div class="avatar">
-						<div class="w-32 mask {item.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
+						<div class="w-32 mask {item?.isPaidPlan ? 'mask-hexagon' : 'mask-squircle'}">
 							<img loading="lazy" src={item.avatar} alt="" />
 						</div>
 					</div>