ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-05 04:15:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make top nav translatable, with examples

Browse Source
This commit is contained in:
mDuo13
2024-03-26 13:45:45 -07:00
parent ad498f60e1
commit 69c5b0ff83
4 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
@theme/components/Navbar/Navbar.tsx
View File

@@ -230,7 +230,7 @@ export function NavDropdown(props) {
}
return (
<a key={index2} className={cls2} href={item2_href}>
{item2.label}
{translate(item2.labelTranslationKey, item2.label)}
</a>
);
});
@@ -239,7 +239,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>
);
@@ -252,8 +252,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
@@ -279,7 +283,7 @@ export function NavDropdown(props) {
}
return (
<a key={index} className={cls} href={item_href}>
{item.label}
{translate(item.labelTranslationKey, item.label)}
</a>
);
}