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
27 lines
778 B
TypeScript
27 lines
778 B
TypeScript
"use client";
|
|
|
|
import { useState, useEffect } from "react";
|
|
import type { SubtitleTrack } from "@/app/(main)/tv/components/video-player";
|
|
|
|
export function useSubtitlePicker(channelIdx: number, slotId?: string) {
|
|
const [subtitleTracks, setSubtitleTracks] = useState<SubtitleTrack[]>([]);
|
|
const [activeSubtitleTrack, setActiveSubtitleTrack] = useState(-1);
|
|
const [showSubtitlePicker, setShowSubtitlePicker] = useState(false);
|
|
|
|
// Reset when channel or slot changes
|
|
useEffect(() => {
|
|
setSubtitleTracks([]);
|
|
setActiveSubtitleTrack(-1);
|
|
setShowSubtitlePicker(false);
|
|
}, [channelIdx, slotId]);
|
|
|
|
return {
|
|
subtitleTracks,
|
|
setSubtitleTracks,
|
|
activeSubtitleTrack,
|
|
setActiveSubtitleTrack,
|
|
showSubtitlePicker,
|
|
setShowSubtitlePicker,
|
|
};
|
|
}
|