feat: Added Czech translation to Next.js

next.config.js

@@ -9,7 +9,7 @@ module.exports = withPWA({
   reactStrictMode: true,
   productionBrowserSourceMaps: true,
   i18n: {
-    locales: ['de', 'en', 'fr', 'es', 'pl'],
+    locales: ['de', 'en', 'fr', 'es', 'pl', 'cz'],
     defaultLocale: 'en',
   },
   async rewrites() {

package.json

@@ -27,6 +27,7 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.33.0",
+    "@types/nookies": "^2.0.3",
     "eslint": "8.39.0",
     "eslint-config-next": "^13.3.4",
     "eslint-config-sznm": "^1.1.1"

src/locales/cs.json → src/locales/cz.json

@@ -55,7 +55,8 @@
     "french": "Francoužština",
     "polish": "Polština",
     "cursed": "Prokletý",
-    "memeculture": "Oslava meme-kultury"
+    "memeculture": "Oslava meme-kultury",
+    "czech": "Česky"
   },
   "TOS": {
     "englishgermanonly": "Tato stránka je k dispozici pouze v angličtině a němčině.",

src/locales/de.json

@@ -55,7 +55,8 @@
     "french": "Französisch",
     "polish": "Polnisch",
     "cursed": "Überraschung",
-    "memeculture": "Hoch lebe die Meme-Kultur!"
+    "memeculture": "Hoch lebe die Meme-Kultur!",
+    "czech": "Tschechisch"
   },
   "TOS": {
     "englishgermanonly": "Die Nutzungsbedingungen sind nur in Englisch und Deutsch verfügbar.",

src/locales/en.json

@@ -55,7 +55,8 @@
     "french": "French",
     "polish": "Polish",
     "cursed": "Cursed",
-    "memeculture": "Celebrating meme-culture"
+    "memeculture": "Celebrating meme-culture",
+    "czech": "Czech"
   },
   "TOS": {
     "englishgermanonly": "This page is only available in English and German.",

src/locales/es.json

@@ -55,7 +55,8 @@
     "french": "Francés",
     "polish": "Polaco",
     "cursed": "Sorpresa",
-    "memeculture": "¡Viva la cultura del meme!"
+    "memeculture": "¡Viva la cultura del meme!",
+    "czech": "Checa"
   },
   "TOS": {
     "englishgermanonly": "Esta página sólo está disponible en inglés y alemán.",

src/locales/fr.json

@@ -55,7 +55,8 @@
     "french": "Français",
     "polish": "Polonais",
     "cursed": "Surprise",
-    "memeculture": "Vive la culture des memes !"
+    "memeculture": "Vive la culture des memes !",
+    "czech": "Tchèque"
   },
   "TOS": {
     "englishgermanonly": "Cette page est uniquement disponible en anglais et en allemand.",

src/locales/pl.json

@@ -55,7 +55,8 @@
     "french": "francuski",
     "polish": "polski",
     "cursed": "przeklęty",
-    "memeculture": "Niech żyje kultura memów!"
+    "memeculture": "Niech żyje kultura memów!",
+    "czech": "Czeski"
   },
   "TOS": {
     "englishgermanonly": "Ta strona jest dostępna tylko w języku angielskim i niemieckim.",

src/pages/more.tsx

@@ -226,6 +226,24 @@ export default function More() {
                 <span className="price">{t("polish")}</span>
               </div>
             </Link>
+            <Link
+              className="nolink"
+              href="/more"
+              locale="cz"
+              onClick={() => handleLanguageChange("cz")}
+            >
+              <div
+                className={router.locale === "cz" ? "option active" : "option"}
+              >
+                <input
+                  className="form-check-input"
+                  type="radio"
+                  name="flexRadioDefault"
+                  checked={router.locale === "cz"}
+                />
+                <span className="price">{t("czech")}</span>
+              </div>
+            </Link>
             <span className="info" id="cookieinfo">
               {t("thissetsacookie")}
             </span>