SethTrowbridge/boxcast-playlist
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

use objects in states

Browse Source 
instead of id strings
This commit is contained in:
TreetopFlyer 2022-04-26 10:47:45 -04:00
parent 034067f796
commit d3e7e3152f
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app.js
View File

@ -51,11 +51,11 @@ const App = props =>
/** @type {Boxcast.StateBinding<Array<Boxcast.Broadcast>>} */ /** @type {Boxcast.StateBinding<Array<Boxcast.Broadcast>>} */
const [ListGet, ListSet] = useState([]); const [ListGet, ListSet] = useState([]);
/** @type {Boxcast.StateBinding<string>} */ /** @type {Boxcast.StateBinding<Boxcast.Broadcast|null>} */
const [SelectedGet, SelectedSet] = useState(""); const [SelectedGet, SelectedSet] = useState(null);
/** @type {Boxcast.StateBinding<string>} */ /** @type {Boxcast.StateBinding<Boxcast.Broadcast|null>} */
const [LiveGet, LiveSet] = useState(""); const [LiveGet, LiveSet] = useState(null);
/** @type {(inList:Array<Boxcast.Broadcast>)=>Array<Boxcast.Broadcast>} */ /** @type {(inList:Array<Boxcast.Broadcast>)=>Array<Boxcast.Broadcast>} */
const SortStart = (inList) => { const SortStart = (inList) => {
@ -105,20 +105,20 @@ const App = props =>
// on new list // on new list
useEffect(()=> useEffect(()=>
{ {
let live = ""; let live;
for(let i=0; i<ListGet.length; i++) for(let i=0; i<ListGet.length; i++)
{ {
if(ListGet[i].timeframe != "past") if(ListGet[i].timeframe != "past")
{ {
live = ListGet[i].id; live = ListGet[i];
break; break;
} }
} }
if(LiveGet != live) if(LiveGet?.id != live?.id)
{ {
console.log("new video starting") console.log("new video starting")
} }
if(SelectedGet != live) if(SelectedGet?.id != live?.id)
{ {
console.log("would you like to switch?"); console.log("would you like to switch?");
} }
@ -139,7 +139,7 @@ const App = props =>
{ {
Player.current.loadChannel(props.channel, Player.current.loadChannel(props.channel,
{ {
selectedBroadcastId: SelectedGet, selectedBroadcastId: SelectedGet?.id,
showTitle: true, showTitle: true,
showDescription: true, showDescription: true,
showCountdown: true, showCountdown: true,
@ -164,9 +164,9 @@ const App = props =>
{ {
item: item, item: item,
previous: ListGet[index-1], previous: ListGet[index-1],
priority: item.id == LiveGet, priority: item.id == LiveGet?.id,
selected: item.id == SelectedGet, selected: item.id == SelectedGet?.id,
select: ()=>SelectedSet(item.id) select: ()=>SelectedSet(item)
} }
)) ))
} }