Wire up language alt links

oguzozgen · Jun 15, 2018 · 6e527a9 · 6e527a9
1 parent 7f3629b
commit 6e527a9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 14 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -15,6 +15,7 @@ module.exports = {
  'conclusion',
  'contribute',
  ],
+ languages: ['en', 'es'],
  defaultTranslation: 'react/en',
  siteUrl: 'https://learnstorybook.com',
  githubUrl: 'https://github.com/hichroma/learnstorybook.com',

diff --git a/src/templates/chapter.js b/src/templates/chapter.js
@@ -211,7 +211,7 @@ export default ({
  data: {
  currentPage,
  pages,
- site: { siteMetadata: { title: siteTitle, toc, githubUrl, codeGithubUrl, siteUrl } },
+ site: { siteMetadata: { title: siteTitle, toc, languages, githubUrl, codeGithubUrl, siteUrl } },
  },
  location,
 }) => {
@@ -224,26 +224,22 @@ export default ({
 
  const nextEntry = entries[toc.indexOf(chapter) + 1];
 
- // This is not optimized.
- let altLangUrl;
- if (language === 'es') {
- altLangUrl = 'en';
- } else if (language === 'en') {
- altLangUrl = 'es';
- }
+ const otherLanguages = languages.filter(l => l !== language);
 
  return (
  <DocsWrapper>
  <Helmet
  title={`${title} | ${siteTitle}`}
  meta={[{ name: 'description', content: description }]}
  >
- <link
- // TODO: map every language supported and generate an alt URL for each
- rel="alternate"
- hrefLang={altLangUrl}
- href={`${siteUrl}/${framework}/${altLangUrl}/${chapter}`}
- />
+ {otherLanguages.map(otherLanguage => (
+ <link
+ key={otherLanguage}
+ rel="alternate"
+ hrefLang={otherLanguage}
+ href={`/${framework}/${otherLanguage}/${chapter}`}
+ />
+ ))}
  </Helmet>
  <Sidebar>
  <Heading>Table of Contents</Heading>
@@ -336,6 +332,7 @@ export const query = graphql`
  siteMetadata {
  title
  toc
+ languages
  githubUrl
  codeGithubUrl
  siteUrl