Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-04-13 23:20:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

dont show watched toggle button on unreleased episodes

Browse source
This commit is contained in:
Pas 2025-07-07 22:03:34 -06:00
parent fedcb4d2b6
commit 30f0d4ac52
2 changed files with 76 additions and 68 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/components/overlays/details/EpisodeCarousel.tsx
View file

@ -423,23 +423,25 @@ export function EpisodeCarousel({
</div>
{/* Mark as watched button */}
<div className="absolute top-2 right-2">
<button
type="button"
onClick={(e) => toggleWatchStatus(episode.id, e)}
className="p-1.5 bg-black/50 rounded-full hover:bg-black/80 transition-colors"
title={
isWatched
? t("player.menus.episodes.markAsUnwatched")
: t("player.menus.episodes.markAsWatched")
}
>
<Icon
icon={isWatched ? Icons.EYE_SLASH : Icons.EYE}
className="h-4 w-4 text-white/80"
/>
</button>
</div>
{isAired && (
<div className="absolute top-2 right-2">
<button
type="button"
onClick={(e) => toggleWatchStatus(episode.id, e)}
className="p-1.5 bg-black/50 rounded-full hover:bg-black/80 transition-colors"
title={
isWatched
? t("player.menus.episodes.markAsUnwatched")
: t("player.menus.episodes.markAsWatched")
}
>
<Icon
icon={isWatched ? Icons.EYE_SLASH : Icons.EYE}
className="h-4 w-4 text-white/80"
/>
</button>
</div>
)}
</div>
)}
@ -454,7 +456,7 @@ export function EpisodeCarousel({
<h3 className="font-bold text-white line-clamp-1">
{episode.name}
</h3>
{isExpanded && (
{isExpanded && isAired && (
<button
type="button"
onClick={(e) => toggleWatchStatus(episode.id, e)}

106
src/components/player/atoms/Episodes.tsx
View file

@ -367,21 +367,23 @@ export function EpisodesView({
clickable={isAired}
rightSide={
<div className="flex items-center gap-2">
<button
type="button"
onClick={(e) => toggleWatchStatus(ep.id, e)}
className="p-1.5 rounded-full hover:bg-white/20 transition-colors"
title={
isWatched
? t("player.menus.episodes.markAsUnwatched")
: t("player.menus.episodes.markAsWatched")
}
>
<Icon
icon={isWatched ? Icons.EYE_SLASH : Icons.EYE}
className="h-4 w-4 text-white/80"
/>
</button>
{isAired && (
<button
type="button"
onClick={(e) => toggleWatchStatus(ep.id, e)}
className="p-1.5 rounded-full hover:bg-white/20 transition-colors"
title={
isWatched
? t("player.menus.episodes.markAsUnwatched")
: t("player.menus.episodes.markAsWatched")
}
>
<Icon
icon={isWatched ? Icons.EYE_SLASH : Icons.EYE}
className="h-4 w-4 text-white/80"
/>
</button>
)}
{episodeProgress && (
<ProgressRing
className="h-[18px] w-[18px] text-white"
@ -454,23 +456,25 @@ export function EpisodesView({
</div>
{/* Mark as watched button */}
<div className="absolute top-2 right-2">
<button
type="button"
onClick={(e) => toggleWatchStatus(ep.id, e)}
className="p-1.5 bg-black/50 rounded-full hover:bg-black/80 transition-colors"
title={
isWatched
? t("player.menus.episodes.markAsUnwatched")
: t("player.menus.episodes.markAsWatched")
}
>
<Icon
icon={isWatched ? Icons.EYE_SLASH : Icons.EYE}
className="h-4 w-4 text-white/80"
/>
</button>
</div>
{isAired && (
<div className="absolute top-2 right-2">
<button
type="button"
onClick={(e) => toggleWatchStatus(ep.id, e)}
className="p-1.5 bg-black/50 rounded-full hover:bg-black/80 transition-colors"
title={
isWatched
? t("player.menus.episodes.markAsUnwatched")
: t("player.menus.episodes.markAsWatched")
}
>
<Icon
icon={isWatched ? Icons.EYE_SLASH : Icons.EYE}
className="h-4 w-4 text-white/80"
/>
</button>
</div>
)}
</div>
{/* Content */}
@ -580,23 +584,25 @@ export function EpisodesView({
</div>
{/* Mark as watched button */}
<div className="absolute top-2 right-2">
<button
type="button"
onClick={(e) => toggleWatchStatus(ep.id, e)}
className="p-1.5 bg-black/50 rounded-full hover:bg-black/80 transition-colors"
title={
isWatched
? t("player.menus.episodes.markAsUnwatched")
: t("player.menus.episodes.markAsWatched")
}
>
<Icon
icon={isWatched ? Icons.EYE_SLASH : Icons.EYE}
className="h-4 w-4 text-white/80"
/>
</button>
</div>
{isAired && (
<div className="absolute top-2 right-2">
<button
type="button"
onClick={(e) => toggleWatchStatus(ep.id, e)}
className="p-1.5 bg-black/50 rounded-full hover:bg-black/80 transition-colors"
title={
isWatched
? t("player.menus.episodes.markAsUnwatched")
: t("player.menus.episodes.markAsWatched")
}
>
<Icon
icon={isWatched ? Icons.EYE_SLASH : Icons.EYE}
className="h-4 w-4 text-white/80"
/>
</button>
</div>
)}
</div>
)}
@ -613,7 +619,7 @@ export function EpisodesView({
<h3 className="font-bold text-white line-clamp-1">
{ep.title}
</h3>
{expandedEpisodes[`large-${ep.id}`] && (
{expandedEpisodes[`large-${ep.id}`] && isAired && (
<button
type="button"
onClick={(e) => toggleWatchStatus(ep.id, e)}