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