feat: jump to a channel by name, and queue the whole channel
A video's channel name under the thumbnail is now a link — click it in either list or tile view and the feed narrows to that channel. It clears the search box on the way, so arriving at a channel shows the channel rather than whatever you had been searching for. On a channel page, an icon button to the right of Local queues every video listed there. The backend already runs two downloads at a time and parks the rest, so the whole channel goes into the queue at once and comes down in order. The button is only there when there is something left to fetch, and a video that fails reports it on its own row rather than raising a dialog per failure. Cancelling a queued download now actually cancels it. Before, a video waiting for a slot ignored the cancel and started anyway once its turn came — barely reachable with one-at-a-time downloading, unmissable when a whole channel is queued. A download re-reads its own state after claiming a slot and stands down if it is no longer wanted.
This commit is contained in:
@@ -4,12 +4,15 @@ import type { FeedItem } from "../types";
|
||||
import DownloadButton from "./DownloadButton";
|
||||
import WatchBar from "./WatchBar";
|
||||
import { clockDuration, compactViews, relativeTime } from "./format";
|
||||
import { CHANNEL_LINK } from "./ui";
|
||||
|
||||
interface Props {
|
||||
item: FeedItem;
|
||||
live?: LiveDownload;
|
||||
online: boolean;
|
||||
onOpen: () => void;
|
||||
/** Jump to this video's channel. */
|
||||
onOpenChannel: () => void;
|
||||
onDownload: () => void;
|
||||
onCancel: () => void;
|
||||
onDelete: () => void;
|
||||
@@ -17,7 +20,7 @@ interface Props {
|
||||
|
||||
/** Grid cell: thumbnail on top, metadata beneath — the familiar YouTube shape. */
|
||||
export default function VideoTile({
|
||||
item, live, online, onOpen, onDownload, onCancel, onDelete,
|
||||
item, live, online, onOpen, onOpenChannel, onDownload, onCancel, onDelete,
|
||||
}: Props) {
|
||||
const downloaded = (live?.state ?? item.state) === "done";
|
||||
const src = thumbSrc(item, online);
|
||||
@@ -74,12 +77,13 @@ export default function VideoTile({
|
||||
{item.title}
|
||||
</h3>
|
||||
</button>
|
||||
<div
|
||||
className="mt-1 h-4 truncate text-[12px] leading-4 text-slate-500 dark:text-slate-400"
|
||||
title={item.channel_title}
|
||||
<button
|
||||
onClick={onOpenChannel}
|
||||
title={`Show only ${item.channel_title}`}
|
||||
className={CHANNEL_LINK + " mt-1 h-4 leading-4"}
|
||||
>
|
||||
{item.channel_title}
|
||||
</div>
|
||||
</button>
|
||||
<div className="mt-0.5 h-4 truncate text-[11px] leading-4 text-slate-400 dark:text-slate-500">
|
||||
{[compactViews(item.views), relativeTime(item.published)].filter(Boolean).join(" · ")}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user