feat: add i18nPaths for selective i18n routing #2131
Conversation
Signed-off-by: Ansh Goyal <[email protected]>
anshgoyalevil
requested review from
derberg,
akshatnema,
magicmatatjahu,
Mayaleeeee and
asyncapi-bot-eve
as code owners
✅ Deploy Preview for asyncapi-website ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify site configuration. |
|
⚡️ Lighthouse report for the changes in this PR:
Lighthouse ran on https://deploy-preview-2131--asyncapi-website.netlify.app/ |
Signed-off-by: Ansh Goyal <[email protected]>
|
//cc @magicmatatjahu 🚀 |
Co-authored-by: Maciej Urbańczyk <[email protected]>
Signed-off-by: Ansh Goyal <[email protected]>
|
⚡️ Lighthouse report for the changes in this PR:
Lighthouse ran on https://deploy-preview-2131--asyncapi-website.netlify.app/ |
| if ((props.href && i18nPaths[language] && !i18nPaths[language].includes(href)) || href.startsWith("http")) { | ||
| return ( | ||
| <Link {...props} href={href} passHref> | ||
| {children} | ||
| </Link> | ||
| ); | ||
| } |
There was a problem hiding this comment.
Which usecase is handled in this if condition? Kindly specify that in comment.
There was a problem hiding this comment.
It would handle the cases where a webpage is not yet translated or there is an external website's href
| const i18nPaths = { | ||
| en: [ | ||
| "/tools/cli" | ||
| ], | ||
| de: [ | ||
| "/tools/cli" | ||
| ] | ||
| }; |
There was a problem hiding this comment.
What is the use of these i18nPaths?
There was a problem hiding this comment.
It would work as a record for the translated links. Since we are using static site generation, we needed a mechanism to predefine the translated webpages which could be used by the i18n LinkComponent
components/navigation/MenuBlocks.js
Outdated
| @@ -1,3 +1,4 @@ | |||
| import LinkComponent from '../link'; | |||
| import Paragraph from '../typography/Paragraph'; | |||
| import Label from './Label' | |||
| import Link from 'next/link' | |||
There was a problem hiding this comment.
| import Link from 'next/link' |
Signed-off-by: Ansh Goyal <[email protected]>
There was a problem hiding this comment.
We have these same set of changes in #2184. Let's merge these merges with that PR only and enable all the options in one go 🚀 .
Description
LinkComponentbehaves likenext/linkcomponent and selects the localized paths fromi18nPathsfile to redirect the user according to their localization.Related issue(s)
part of: #2039
How to test changes?
CLIen/tools/cliModelina/tools/modelina, since Modelina page is not yet translated.