Ensure translations are used as expected

This commit is contained in:
Nick Mowen 2022-08-29 09:24:00 -06:00
parent 2f5293eb87
commit 806da66aa4

View File

@ -12,9 +12,6 @@ export default function ButtonsTabbed({
}) {
const { t } = useTranslation();
const [selected, setSelected] = useState(0);
const captitalize = (str) => {
return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
};
const getHeader = useCallback(
(i) => {
@ -38,7 +35,7 @@ export default function ButtonsTabbed({
{viewModes.map((item, i) => {
return (
<button key={i} onClick={() => handleClick(i)} className={i === selected ? selectedClassName : className}>
{captitalize(item)}
{t(item)}
</button>
);
})}