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

fix accordion play status when selected host and changed camera

Browse Source
This commit is contained in:
NlightN22 2024-05-03 14:56:21 +07:00
parent 9472c5224c
commit d25d26b8ae
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/shared/components/accordion/DayAccordion.tsx
View File

@ -33,12 +33,13 @@ const DayAccordion = ({
} else if (openedValue === value && recStore.playedItem === value) { } else if (openedValue === value && recStore.playedItem === value) {
recStore.playedItem = undefined; recStore.playedItem = undefined;
} }
}, [openedValue, recStore]); }, [openedValue, recStore.playedItem]);
const dayItems = useMemo(() => { const dayItems = useMemo(() => {
if (recordSummary && recordSummary.hours.length > 0 && hostName && host) { if (recordSummary && recordSummary.hours.length > 0 && hostName && host) {
return recordSummary.hours.map(hour => { return recordSummary.hours.map(hour => {
const played = recordSummary.day + hour.hour === recStore.playedItem; const item = hostName + camera.name + recordSummary.day + hour.hour
const played = item === recStore.playedItem;
return ( return (
<DayAccordionItemMemo <DayAccordionItemMemo
camera={camera} camera={camera}

2
src/shared/components/accordion/DayAccordionItem.tsx
View File

@ -41,7 +41,7 @@ const DayAccordionItem = ({
const hour = recordHour.hour const hour = recordHour.hour
const day = recordSummary.day const day = recordSummary.day
const item = day + hour const item = hostName + cameraName + day + hour
const recordURL = proxyApi.recordingURL( const recordURL = proxyApi.recordingURL(
hostName, hostName,
cameraName, cameraName,

2
src/shared/components/accordion/DayPanel.tsx
View File

@ -37,7 +37,7 @@ const DayPanel = ({
<Accordion.Panel key={hour + 'Panel'}> <Accordion.Panel key={hour + 'Panel'}>
{playedURL && playedURL === videoURL ? <VideoPlayer videoUrl={playedURL} /> : <></>} {playedURL && playedURL === videoURL ? <VideoPlayer videoUrl={playedURL} /> : <></>}
{cameraName && hostName ? {cameraName && hostName ?
<Flex w='100%' justify='center' mb='0.5rem'> <Flex w='100%' justify='center' mb='0.5rem' mt='1rem'>
<VideoDownloader <VideoDownloader
cameraName={cameraName} cameraName={cameraName}
hostName={hostName} hostName={hostName}