Fix debug button status not showing correctly when switching cameras

This commit is contained in:
Nick Mowen 2023-01-10 15:47:25 -07:00
parent cda627be9e
commit de0ea0d7fe
2 changed files with 3 additions and 2 deletions

View File

@ -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)}`;
}; };

View File

@ -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}