Gabriel Kaszewski
8ed8da2d90
Area 1 (tv/page.tsx 964→423 lines): - hooks: use-fullscreen, use-idle, use-volume, use-quality, use-subtitles, use-channel-input, use-channel-passwords, use-tv-keyboard - components: SubtitlePicker, VolumeControl, QualityPicker, TopControlBar, LogoWatermark, AutoplayPrompt, ChannelNumberOverlay, TvBaseLayer Area 2 (edit-channel-sheet.tsx 1244→678 lines): - hooks: use-channel-form (all form state + reset logic) - lib/schemas.ts: extracted Zod schemas + extractErrors - components: AlgorithmicFilterEditor, RecyclePolicyEditor, WebhookEditor, AccessSettingsEditor, LogoEditor Area 3 (dashboard/page.tsx 406→261 lines): - hooks: use-channel-order, use-import-channel, use-regenerate-all - lib/channel-export.ts: pure export utility - components: DashboardHeader
16 lines
564 B
TypeScript
16 lines
564 B
TypeScript
interface ChannelNumberOverlayProps {
|
|
channelInput: string;
|
|
}
|
|
|
|
export function ChannelNumberOverlay({ channelInput }: ChannelNumberOverlayProps) {
|
|
if (!channelInput) return null;
|
|
return (
|
|
<div className="pointer-events-none absolute left-1/2 top-1/2 z-30 -translate-x-1/2 -translate-y-1/2 rounded-xl bg-black/80 px-8 py-5 text-center backdrop-blur">
|
|
<p className="mb-1 text-[10px] uppercase tracking-widest text-zinc-500">
|
|
Channel
|
|
</p>
|
|
<p className="font-mono text-5xl font-bold text-white">{channelInput}</p>
|
|
</div>
|
|
);
|
|
}
|