torjus/ministream-frontend
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix streamList updating

Browse Source
This commit is contained in:
Torjus Håkestad 2023-12-06 02:52:56 +01:00
parent ac585ff355
commit a00221e25e
1 changed files with 25 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/js/app.tsx
View File

@ -4,6 +4,7 @@ import { createContext, useEffect, useState } from "react";
import { MediaContainer } from "./media";
import { MinistreamApiClient, StreamInfo } from "./api";
import React from "react";
import { Log } from "./log";
interface AppProps {
api: MinistreamApiClient
@ -33,24 +34,10 @@ export function App({ api }: AppProps) {
setSelectedStream(item)
}
const updateStreamList = () => {
api.listStreams().then((list) => {
setStreamList(list)
if (list.length != streamList.length) {
setStreamList(list)
return
}
if (!list.every((_, idx) => {
return list[idx].streamKey === streamList[idx].streamKey
})) {
setStreamList(list)
}
})
}
const updateTitle = () => {
api.siteInfo().then((info) => {
api.siteInfo().then((info) => {
if (info.siteName != document.title) {
setTitle(info.siteName)
localStorage.setItem(titleKey, info.siteName)
@ -59,12 +46,32 @@ export function App({ api }: AppProps) {
return
}
setInterval(() => {
updateStreamList()
}, 10000)
useEffect(() => {
const updateStreamList = () => {
api.listStreams().then((list) => {
setStreamList((current) => {
if (list.length != current.length) {
Log.Debug("Updated streamList!")
return list
}
if (!list.every((_, idx) => {
return list[idx].streamKey === current[idx].streamKey
})) {
Log.Debug("Updated streamList..")
return list
}
return current
})
})
}
updateStreamList()
const updateInterval = setInterval(() => {
updateStreamList()
}, 10000)
return () => clearInterval(updateInterval)
}, [])
useEffect(() => {