Merge pull request #2499 from XRPLF/translate_nav_label

Make top nav translatable, with examples
This commit is contained in:
Rome Reginelli
2024-03-26 23:45:43 -07:00
committed by GitHub
4 changed files with 22 additions and 5 deletions

View File

@@ -165,7 +165,7 @@ export function NavDropdown(props) {
}
return (
<a key={index2} className={cls2} href={item2_href}>
{item2.label}
{translate(item2.labelTranslationKey, item2.label)}
</a>
);
});
@@ -174,7 +174,7 @@ export function NavDropdown(props) {
return (
<div key={index} className={clnm}>
<h5 className="dropdown-item">{item.label}</h5>
<h5 className="dropdown-item">{translate(item.labelTranslationKey, item.label)}</h5>
{groupLinks}
</div>
);
@@ -187,8 +187,12 @@ export function NavDropdown(props) {
hero_href = pathPrefix + hero_href;
}
const splitlabel = item.label.split(" || ");
const newlabel = splitlabel[0];
const description = splitlabel[1]; // might be undefined, that's ok
let splittranslationkey = ["",""]
if (item.labelTranslationKey) {
splittranslationkey = item.labelTranslationKey.split(" || ");
}
const newlabel = translate(splittranslationkey[0], splitlabel[0]);
const description = translate(splittranslationkey[1], splitlabel[1]); // splitlabel[1] might be undefined, that's ok
return (
<a
@@ -214,7 +218,7 @@ export function NavDropdown(props) {
}
return (
<a key={index} className={cls} href={item_href}>
{item.label}
{translate(item.labelTranslationKey, item.label)}
</a>
);
}