kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-06-21 20:07:31 +02:00
Code Issues Projects Releases Wiki Activity

Cleanup language switcher

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-04-12 12:41:54 +00:00 • committed by GitHub
parent 4937e76d59
commit 5e4bfe8a7c
4 changed files with 68 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/components/languageSwitcher.js
View file

@ -1,21 +1,25 @@
import React from "react"
import { Link, Trans, useI18next } from 'gatsby-plugin-react-i18next';
export default function LanguageSwitcher() {
const { languages, originalPath } = useI18next();
return (
<div className="languageModalInner">
<h2>Languages (<a href="#top" className="modalCloseLink">&times;</a>)</h2>
<ul>
{languages.map((lng) => (
<li key={lng}>
<Link to={originalPath} language={lng}>
<Trans>{lng}</Trans>
</Link>
</li>
))}
</ul>
</div>
);
import React from "react"
import { Link, Trans, useI18next } from 'gatsby-plugin-react-i18next';
import * as styles from "./languageSwitcher.module.scss";
export default function LanguageSwitcher() {
const { languages, originalPath } = useI18next();
return (
<div className={styles.languageModal} id="languageChooser">
<div className={styles.languageModalInner}>
<h2>Languages (<a href="#top" className={styles.modalCloseLink}>&times;</a>)</h2>
<ul>
{languages.map((lng) => (
<li key={lng}>
<Link to={originalPath} language={lng}>
<Trans>{lng}</Trans>
</Link>
</li>
))}
</ul>
</div>
</div>
);
}