mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-02-03 17:55:21 +03:00
Fix debug button status not showing correctly when switching cameras
This commit is contained in:
parent
cda627be9e
commit
de0ea0d7fe
@ -3,13 +3,14 @@ import { useCallback, useState } from 'preact/hooks';
|
|||||||
|
|
||||||
export default function ButtonsTabbed({
|
export default function ButtonsTabbed({
|
||||||
viewModes = [''],
|
viewModes = [''],
|
||||||
|
currentViewMode = '',
|
||||||
setViewMode = null,
|
setViewMode = null,
|
||||||
setHeader = null,
|
setHeader = null,
|
||||||
headers = [''],
|
headers = [''],
|
||||||
className = 'text-gray-600 py-0 px-4 block hover:text-gray-500',
|
className = 'text-gray-600 py-0 px-4 block hover:text-gray-500',
|
||||||
selectedClassName = `${className} focus:outline-none border-b-2 font-medium border-gray-500`,
|
selectedClassName = `${className} focus:outline-none border-b-2 font-medium border-gray-500`,
|
||||||
}) {
|
}) {
|
||||||
const [selected, setSelected] = useState(0);
|
const [selected, setSelected] = useState(viewModes ? viewModes.indexOf(currentViewMode) : 0);
|
||||||
const captitalize = (str) => {
|
const captitalize = (str) => {
|
||||||
return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
|
return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
|
||||||
};
|
};
|
||||||
|
|||||||
@ -170,7 +170,7 @@ export default function Camera({ camera }) {
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ButtonsTabbed viewModes={['live', 'debug']} setViewMode={setViewMode} />
|
<ButtonsTabbed viewModes={['live', 'debug']} currentViewMode={viewMode} setViewMode={setViewMode} />
|
||||||
|
|
||||||
{player}
|
{player}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user