Properly display unavailable box-entries

front/src/components/entries/entry-box.tsx

@@ -36,7 +36,7 @@ export const EntryBox = ({
 	serieSlug: string | null;
 	name: string | null;
 	description: string | null;
-	href: string;
+	href: string | null;
 	thumbnail: KImage | null;
 	watchedPercent: number;
 	videos: Entry["videos"];
@@ -51,7 +51,11 @@ export const EntryBox = ({
 			href={moreOpened || videos.length > 1 ? undefined : href}
 			onPress={videos.length > 1 ? onSelectVideos : undefined}
 			onLongPress={() => setMoreOpened(true)}
-			className={cn("group w-[350px] items-center p-1 outline-0", className)}
+			className={cn(
+				"group w-[350px] items-center p-1 outline-0",
+				href === null && "opacity-50",
+				className,
+			)}
 			{...props}
 		>
 			<ThumbnailBackground

front/src/components/items/context-menus.tsx

@@ -56,13 +56,6 @@ export const EntryContext = ({
 			{...tooltip(t("misc.more"))}
 			{...(props as any)}
 		>
-			{account && (
-				<Menu.Item
-					label={t("show.watchlistMark.completed")}
-					icon={watchListIcon("completed")}
-					onSelect={() => markAsSeenMutation.mutate()}
-				/>
-			)}
 			{serieSlug && (
 				<Menu.Item
 					label={t("home.episodeMore.goToShow")}
@@ -70,6 +63,13 @@ export const EntryContext = ({
 					href={`/${kind === "movie" ? "movies" : "series"}/${serieSlug}`}
 				/>
 			)}
+			{account && (
+				<Menu.Item
+					label={t("show.watchlistMark.completed")}
+					icon={watchListIcon("completed")}
+					onSelect={() => markAsSeenMutation.mutate()}
+				/>
+			)}
 			{/* <Menu.Item */}
 			{/* 	label={t("home.episodeMore.download")} */}
 			{/* 	icon={Download} */}

front/src/ui/home/news.tsx

@@ -45,7 +45,7 @@ export const NewsList = () => {
 						name={`${item.show!.name} ${entryDisplayNumber(item)}`}
 						description={item.name}
 						thumbnail={item.thumbnail ?? item.show!.thumbnail}
-						href={item.href ?? "#"}
+						href={item.href}
 						watchedPercent={item.progress.percent}
 						videos={item.videos}
 						onSelectVideos={() =>

front/src/ui/home/nextup.tsx

@@ -66,7 +66,7 @@ export const NextupList = () => {
 						name={`${item.show!.name} ${entryDisplayNumber(item)}`}
 						description={item.name}
 						thumbnail={item.thumbnail ?? item.show!.thumbnail}
-						href={item.href ?? "#"}
+						href={item.href}
 						watchedPercent={item.progress.percent}
 						videos={item.videos}
 						onSelectVideos={() =>

front/src/ui/profile/index.tsx

@@ -103,7 +103,7 @@ const ProfileHeader = ({
 							}
 							description={item.name}
 							thumbnail={item.thumbnail ?? item.show?.thumbnail ?? null}
-							href={item.href ?? "#"}
+							href={item.href}
 							watchedPercent={item.progress.percent}
 							videos={item.videos}
 							onSelectVideos={() => {}}