administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-02 17:25:22 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Translate modes

Browse Source
This commit is contained in:
Nick Mowen 2022-08-29 09:20:29 -06:00
parent f2ebdc123c
commit 2f5293eb87
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/ButtonsTabbed.jsx
View File

@ -1,5 +1,6 @@
import { h } from 'preact';
import { useCallback, useState } from 'preact/hooks';
import { useTranslation } from 'react-i18next';
export default function ButtonsTabbed({
viewModes = [''],
@ -9,6 +10,7 @@ export default function ButtonsTabbed({
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`,
}) {
const { t } = useTranslation();
const [selected, setSelected] = useState(0);
const captitalize = (str) => {
return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
@ -16,9 +18,9 @@ export default function ButtonsTabbed({
const getHeader = useCallback(
(i) => {
return headers.length === viewModes.length ? headers[i] : captitalize(viewModes[i]);
return headers.length === viewModes.length ? headers[i] : t(viewModes[i]);
},
[headers, viewModes]
[headers, viewModes, t]
);
const handleClick = useCallback(