diff --git a/next.config.js b/next.config.js
index 9501ea6..67cb2c3 100644
--- a/next.config.js
+++ b/next.config.js
@@ -4,9 +4,6 @@ const withBundleAnalyzer = require("@next/bundle-analyzer")({
 
 module.exports = withBundleAnalyzer({
   target: "server",
-  publicRuntimeConfig: {
-    localeSubpaths: {},
-  },
   images: {
     domains: [
       "sahkoinsinoorikilta.fi",
diff --git a/package-lock.json b/package-lock.json
index 2677e11..980895c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,6 @@
         "js-cookie": "2.2.1",
         "lodash": "4.17.21",
         "next": "10.1.2",
-        "next-i18next": "7.0.1",
         "normalize.css": "8.0.1",
         "react": "17.0.1",
         "react-beautiful-dnd": "13.1.0",
@@ -1888,23 +1887,6 @@
         "postcss-syntax": ">=0.36.2"
       }
     },
-    "node_modules/@types/body-parser": {
-      "version": "1.19.0",
-      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.0.tgz",
-      "integrity": "sha512-W98JrE0j2K78swW4ukqMleo8R7h/pFETjM2DQ90MF6XK2i4LO4W3gQ71Lt4w3bfm2EvVSyWHplECvB5sK22yFQ==",
-      "dependencies": {
-        "@types/connect": "*",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/connect": {
-      "version": "3.4.34",
-      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.34.tgz",
-      "integrity": "sha512-ePPA/JuI+X0vb+gSWlPKOY0NdNAie/rPUqX2GUPpbZwiKTkSPhjXWuee47E4MtE54QVzGCQMQkAL6JhV2E1+cQ==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/error-stack-parser": {
       "version": "1.3.18",
       "resolved": "https://registry.npmjs.org/@types/error-stack-parser/-/error-stack-parser-1.3.18.tgz",
@@ -1917,27 +1899,6 @@
       "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
       "dev": true
     },
-    "node_modules/@types/express": {
-      "version": "4.17.11",
-      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.11.tgz",
-      "integrity": "sha512-no+R6rW60JEc59977wIxreQVsIEOAYwgCqldrA/vkpCnbD7MqTefO97lmoBe4WE0F156bC4uLSP1XHDOySnChg==",
-      "dependencies": {
-        "@types/body-parser": "*",
-        "@types/express-serve-static-core": "^4.17.18",
-        "@types/qs": "*",
-        "@types/serve-static": "*"
-      }
-    },
-    "node_modules/@types/express-serve-static-core": {
-      "version": "4.17.19",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.19.tgz",
-      "integrity": "sha512-DJOSHzX7pCiSElWaGR8kCprwibCB/3yW6vcT8VG3P0SJjnv19gnWG/AZMfM60Xj/YJIp/YCaDHyvzsFVeniARA==",
-      "dependencies": {
-        "@types/node": "*",
-        "@types/qs": "*",
-        "@types/range-parser": "*"
-      }
-    },
     "node_modules/@types/glob": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.3.tgz",
@@ -1989,11 +1950,6 @@
         "@types/unist": "*"
       }
     },
-    "node_modules/@types/mime": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
-      "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw=="
-    },
     "node_modules/@types/minimatch": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.4.tgz",
@@ -2028,16 +1984,6 @@
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
       "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
     },
-    "node_modules/@types/qs": {
-      "version": "6.9.6",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.6.tgz",
-      "integrity": "sha512-0/HnwIfW4ki2D8L8c9GVcG5I72s9jP5GSLVF0VIXDW00kmIpA6O33G7a8n59Tmh7Nz0WUC3rSb7PTY/sdW2JzA=="
-    },
-    "node_modules/@types/range-parser": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.3.tgz",
-      "integrity": "sha512-ewFXqrQHlFsgc09MK5jP5iR7vumV/BYayNC6PgJO2LPe8vrnNFyjQjSppfEngITi0qvfKtzFvgKymGheFM9UOA=="
-    },
     "node_modules/@types/react": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.2.tgz",
@@ -2095,15 +2041,6 @@
         "redux": "^4.0.0"
       }
     },
-    "node_modules/@types/serve-static": {
-      "version": "1.13.9",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.13.9.tgz",
-      "integrity": "sha512-ZFqF6qa48XsPdjXV5Gsz0Zqmux2PerNd3a/ktL45mHpa19cuMi/cL8tcxdAx497yRh+QtYPuofjT9oWw9P7nkA==",
-      "dependencies": {
-        "@types/mime": "^1",
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/shortid": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/shortid/-/shortid-0.0.29.tgz",
@@ -6406,14 +6343,6 @@
       "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
       "dev": true
     },
-    "node_modules/html-parse-stringify2": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/html-parse-stringify2/-/html-parse-stringify2-2.0.1.tgz",
-      "integrity": "sha1-3FZwtyksoVi3vJFsmmc1rIhyg0o=",
-      "dependencies": {
-        "void-elements": "^2.0.1"
-      }
-    },
     "node_modules/html-tags": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz",
@@ -6514,40 +6443,6 @@
         "node": ">= 10"
       }
     },
-    "node_modules/i18next": {
-      "version": "19.9.2",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-19.9.2.tgz",
-      "integrity": "sha512-0i6cuo6ER6usEOtKajUUDj92zlG+KArFia0857xxiEHAQcUwh/RtOQocui1LPJwunSYT574Pk64aNva1kwtxZg==",
-      "dependencies": {
-        "@babel/runtime": "^7.12.0"
-      }
-    },
-    "node_modules/i18next-browser-languagedetector": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-5.0.1.tgz",
-      "integrity": "sha512-7K4A6DJ2rNz3Yd835Y493UgkzUxgpGsCeIMKLGkt6Ps0cbgSaJ+LdATFNFA+ujp2brmsUM9BeDThXKhabXUbUw==",
-      "dependencies": {
-        "@babel/runtime": "^7.5.5"
-      }
-    },
-    "node_modules/i18next-fs-backend": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/i18next-fs-backend/-/i18next-fs-backend-1.1.1.tgz",
-      "integrity": "sha512-RFkfy10hNxJqc7MVAp5iAZq0Tum6msBCNebEe3OelOBvrROvzHUPaR8Qe10RQrOGokTm0W4vJGEJzruFkEt+hQ=="
-    },
-    "node_modules/i18next-http-backend": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/i18next-http-backend/-/i18next-http-backend-1.2.1.tgz",
-      "integrity": "sha512-9L2sa+wybqi57/+VsrJPo5DCI7WLoudaK12xz0okYSmsi3Izyj7sCgrYL52WHy/O3BFY9HGORBwSwlD1WYuH6Q==",
-      "dependencies": {
-        "node-fetch": "2.6.1"
-      }
-    },
-    "node_modules/i18next-http-middleware": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/i18next-http-middleware/-/i18next-http-middleware-3.1.0.tgz",
-      "integrity": "sha512-65rP8bi5b7znBzfgIUy0KE00SWg1X6mL5XEkassgTrjAeLSfSb4vQ2bs9cN3qwHCynKIpmHjmNDu5c8NylTVmw=="
-    },
     "node_modules/iconv-lite": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.2.tgz",
@@ -8267,46 +8162,6 @@
         }
       }
     },
-    "node_modules/next-i18next": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/next-i18next/-/next-i18next-7.0.1.tgz",
-      "integrity": "sha512-x97lSfB11q/5Flf1Ocz02WoXeIRuVi7oJQ+8p9kNSfoIJExz1nTLPpJmWr2SF8wDxaljzL/kjlETUOyptGhSjQ==",
-      "dependencies": {
-        "@types/express": "^4.16.1",
-        "core-js": "^3",
-        "hoist-non-react-statics": "^3.2.0",
-        "i18next": "^19.6.3",
-        "i18next-browser-languagedetector": "^5.0.0",
-        "i18next-fs-backend": "^1.0.7",
-        "i18next-http-backend": "^1.0.17",
-        "i18next-http-middleware": "^3.0.2",
-        "path-match": "^1.2.4",
-        "prop-types": "^15.6.2",
-        "react-i18next": "^11.7.3",
-        "url": "^0.11.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/isaachinman"
-      },
-      "peerDependencies": {
-        "next": ">= 9.5.0",
-        "react": ">= 16.8.0"
-      }
-    },
-    "node_modules/next-i18next/node_modules/core-js": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.10.0.tgz",
-      "integrity": "sha512-MQx/7TLgmmDVamSyfE+O+5BHvG1aUGj/gHhLn1wVtm2B5u1eVIPvh7vkfjwWKNCjrTJB8+He99IntSQ1qP+vYQ==",
-      "hasInstallScript": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
     "node_modules/next-sitemap": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/next-sitemap/-/next-sitemap-1.6.18.tgz",
@@ -9318,51 +9173,12 @@
         "node": ">=8"
       }
     },
-    "node_modules/path-match": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/path-match/-/path-match-1.2.4.tgz",
-      "integrity": "sha1-pidH88fgwlFHYml/JEQ1hbCRAOo=",
-      "dependencies": {
-        "http-errors": "~1.4.0",
-        "path-to-regexp": "^1.0.0"
-      }
-    },
-    "node_modules/path-match/node_modules/http-errors": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.4.0.tgz",
-      "integrity": "sha1-bAJC3qaz33r9oVPHEImzHG6Cqr8=",
-      "dependencies": {
-        "inherits": "2.0.1",
-        "statuses": ">= 1.2.1 < 2"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/path-match/node_modules/inherits": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
-      "integrity": "sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE="
-    },
     "node_modules/path-parse": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
       "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
       "dev": true
     },
-    "node_modules/path-to-regexp": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
-      "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
-      "dependencies": {
-        "isarray": "0.0.1"
-      }
-    },
-    "node_modules/path-to-regexp/node_modules/isarray": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-      "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
-    },
     "node_modules/path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
@@ -10452,19 +10268,6 @@
         "react": "17.0.1"
       }
     },
-    "node_modules/react-i18next": {
-      "version": "11.8.12",
-      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-11.8.12.tgz",
-      "integrity": "sha512-M2PSVP9MzT/7yofXfCOF5gAVotinrM4BXWiguk8uFSznJsfFzTjrp3K9CBWcXitpoCBVZGZJ2AnbaWGSNkJqfw==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.6",
-        "html-parse-stringify2": "^2.0.1"
-      },
-      "peerDependencies": {
-        "i18next": ">= 19.0.0",
-        "react": ">= 16.8.0"
-      }
-    },
     "node_modules/react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
@@ -14271,14 +14074,6 @@
       "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
       "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ=="
     },
-    "node_modules/void-elements": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
-      "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/watchpack": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.1.1.tgz",
@@ -16149,23 +15944,6 @@
         "unist-util-find-all-after": "^3.0.2"
       }
     },
-    "@types/body-parser": {
-      "version": "1.19.0",
-      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.0.tgz",
-      "integrity": "sha512-W98JrE0j2K78swW4ukqMleo8R7h/pFETjM2DQ90MF6XK2i4LO4W3gQ71Lt4w3bfm2EvVSyWHplECvB5sK22yFQ==",
-      "requires": {
-        "@types/connect": "*",
-        "@types/node": "*"
-      }
-    },
-    "@types/connect": {
-      "version": "3.4.34",
-      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.34.tgz",
-      "integrity": "sha512-ePPA/JuI+X0vb+gSWlPKOY0NdNAie/rPUqX2GUPpbZwiKTkSPhjXWuee47E4MtE54QVzGCQMQkAL6JhV2E1+cQ==",
-      "requires": {
-        "@types/node": "*"
-      }
-    },
     "@types/error-stack-parser": {
       "version": "1.3.18",
       "resolved": "https://registry.npmjs.org/@types/error-stack-parser/-/error-stack-parser-1.3.18.tgz",
@@ -16178,27 +15956,6 @@
       "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
       "dev": true
     },
-    "@types/express": {
-      "version": "4.17.11",
-      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.11.tgz",
-      "integrity": "sha512-no+R6rW60JEc59977wIxreQVsIEOAYwgCqldrA/vkpCnbD7MqTefO97lmoBe4WE0F156bC4uLSP1XHDOySnChg==",
-      "requires": {
-        "@types/body-parser": "*",
-        "@types/express-serve-static-core": "^4.17.18",
-        "@types/qs": "*",
-        "@types/serve-static": "*"
-      }
-    },
-    "@types/express-serve-static-core": {
-      "version": "4.17.19",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.19.tgz",
-      "integrity": "sha512-DJOSHzX7pCiSElWaGR8kCprwibCB/3yW6vcT8VG3P0SJjnv19gnWG/AZMfM60Xj/YJIp/YCaDHyvzsFVeniARA==",
-      "requires": {
-        "@types/node": "*",
-        "@types/qs": "*",
-        "@types/range-parser": "*"
-      }
-    },
     "@types/glob": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.3.tgz",
@@ -16250,11 +16007,6 @@
         "@types/unist": "*"
       }
     },
-    "@types/mime": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
-      "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw=="
-    },
     "@types/minimatch": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.4.tgz",
@@ -16289,16 +16041,6 @@
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
       "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
     },
-    "@types/qs": {
-      "version": "6.9.6",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.6.tgz",
-      "integrity": "sha512-0/HnwIfW4ki2D8L8c9GVcG5I72s9jP5GSLVF0VIXDW00kmIpA6O33G7a8n59Tmh7Nz0WUC3rSb7PTY/sdW2JzA=="
-    },
-    "@types/range-parser": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.3.tgz",
-      "integrity": "sha512-ewFXqrQHlFsgc09MK5jP5iR7vumV/BYayNC6PgJO2LPe8vrnNFyjQjSppfEngITi0qvfKtzFvgKymGheFM9UOA=="
-    },
     "@types/react": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.2.tgz",
@@ -16356,15 +16098,6 @@
         "redux": "^4.0.0"
       }
     },
-    "@types/serve-static": {
-      "version": "1.13.9",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.13.9.tgz",
-      "integrity": "sha512-ZFqF6qa48XsPdjXV5Gsz0Zqmux2PerNd3a/ktL45mHpa19cuMi/cL8tcxdAx497yRh+QtYPuofjT9oWw9P7nkA==",
-      "requires": {
-        "@types/mime": "^1",
-        "@types/node": "*"
-      }
-    },
     "@types/shortid": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/shortid/-/shortid-0.0.29.tgz",
@@ -19713,14 +19446,6 @@
       "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
       "dev": true
     },
-    "html-parse-stringify2": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/html-parse-stringify2/-/html-parse-stringify2-2.0.1.tgz",
-      "integrity": "sha1-3FZwtyksoVi3vJFsmmc1rIhyg0o=",
-      "requires": {
-        "void-elements": "^2.0.1"
-      }
-    },
     "html-tags": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz",
@@ -19790,40 +19515,6 @@
       "integrity": "sha512-fbNJ+Gz5wx2LIBtMweJNY1D7Uc8p1XERi5KNRMccwfQA+rXlxWNSdUxswo0gT8XqxywTIw7Ywm/F4v/O35RdMg==",
       "dev": true
     },
-    "i18next": {
-      "version": "19.9.2",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-19.9.2.tgz",
-      "integrity": "sha512-0i6cuo6ER6usEOtKajUUDj92zlG+KArFia0857xxiEHAQcUwh/RtOQocui1LPJwunSYT574Pk64aNva1kwtxZg==",
-      "requires": {
-        "@babel/runtime": "^7.12.0"
-      }
-    },
-    "i18next-browser-languagedetector": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-5.0.1.tgz",
-      "integrity": "sha512-7K4A6DJ2rNz3Yd835Y493UgkzUxgpGsCeIMKLGkt6Ps0cbgSaJ+LdATFNFA+ujp2brmsUM9BeDThXKhabXUbUw==",
-      "requires": {
-        "@babel/runtime": "^7.5.5"
-      }
-    },
-    "i18next-fs-backend": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/i18next-fs-backend/-/i18next-fs-backend-1.1.1.tgz",
-      "integrity": "sha512-RFkfy10hNxJqc7MVAp5iAZq0Tum6msBCNebEe3OelOBvrROvzHUPaR8Qe10RQrOGokTm0W4vJGEJzruFkEt+hQ=="
-    },
-    "i18next-http-backend": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/i18next-http-backend/-/i18next-http-backend-1.2.1.tgz",
-      "integrity": "sha512-9L2sa+wybqi57/+VsrJPo5DCI7WLoudaK12xz0okYSmsi3Izyj7sCgrYL52WHy/O3BFY9HGORBwSwlD1WYuH6Q==",
-      "requires": {
-        "node-fetch": "2.6.1"
-      }
-    },
-    "i18next-http-middleware": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/i18next-http-middleware/-/i18next-http-middleware-3.1.0.tgz",
-      "integrity": "sha512-65rP8bi5b7znBzfgIUy0KE00SWg1X6mL5XEkassgTrjAeLSfSb4vQ2bs9cN3qwHCynKIpmHjmNDu5c8NylTVmw=="
-    },
     "iconv-lite": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.2.tgz",
@@ -21140,32 +20831,6 @@
         }
       }
     },
-    "next-i18next": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/next-i18next/-/next-i18next-7.0.1.tgz",
-      "integrity": "sha512-x97lSfB11q/5Flf1Ocz02WoXeIRuVi7oJQ+8p9kNSfoIJExz1nTLPpJmWr2SF8wDxaljzL/kjlETUOyptGhSjQ==",
-      "requires": {
-        "@types/express": "^4.16.1",
-        "core-js": "^3",
-        "hoist-non-react-statics": "^3.2.0",
-        "i18next": "^19.6.3",
-        "i18next-browser-languagedetector": "^5.0.0",
-        "i18next-fs-backend": "^1.0.7",
-        "i18next-http-backend": "^1.0.17",
-        "i18next-http-middleware": "^3.0.2",
-        "path-match": "^1.2.4",
-        "prop-types": "^15.6.2",
-        "react-i18next": "^11.7.3",
-        "url": "^0.11.0"
-      },
-      "dependencies": {
-        "core-js": {
-          "version": "3.10.0",
-          "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.10.0.tgz",
-          "integrity": "sha512-MQx/7TLgmmDVamSyfE+O+5BHvG1aUGj/gHhLn1wVtm2B5u1eVIPvh7vkfjwWKNCjrTJB8+He99IntSQ1qP+vYQ=="
-        }
-      }
-    },
     "next-sitemap": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/next-sitemap/-/next-sitemap-1.6.18.tgz",
@@ -21916,52 +21581,12 @@
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true
     },
-    "path-match": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/path-match/-/path-match-1.2.4.tgz",
-      "integrity": "sha1-pidH88fgwlFHYml/JEQ1hbCRAOo=",
-      "requires": {
-        "http-errors": "~1.4.0",
-        "path-to-regexp": "^1.0.0"
-      },
-      "dependencies": {
-        "http-errors": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.4.0.tgz",
-          "integrity": "sha1-bAJC3qaz33r9oVPHEImzHG6Cqr8=",
-          "requires": {
-            "inherits": "2.0.1",
-            "statuses": ">= 1.2.1 < 2"
-          }
-        },
-        "inherits": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
-          "integrity": "sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE="
-        }
-      }
-    },
     "path-parse": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
       "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
       "dev": true
     },
-    "path-to-regexp": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
-      "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
-      "requires": {
-        "isarray": "0.0.1"
-      },
-      "dependencies": {
-        "isarray": {
-          "version": "0.0.1",
-          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
-        }
-      }
-    },
     "path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
@@ -22818,15 +22443,6 @@
         "scheduler": "^0.20.1"
       }
     },
-    "react-i18next": {
-      "version": "11.8.12",
-      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-11.8.12.tgz",
-      "integrity": "sha512-M2PSVP9MzT/7yofXfCOF5gAVotinrM4BXWiguk8uFSznJsfFzTjrp3K9CBWcXitpoCBVZGZJ2AnbaWGSNkJqfw==",
-      "requires": {
-        "@babel/runtime": "^7.13.6",
-        "html-parse-stringify2": "^2.0.1"
-      }
-    },
     "react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
@@ -25899,11 +25515,6 @@
       "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
       "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ=="
     },
-    "void-elements": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
-      "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w="
-    },
     "watchpack": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.1.1.tgz",
diff --git a/package.json b/package.json
index cf34741..da266de 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,6 @@
     "js-cookie": "2.2.1",
     "lodash": "4.17.21",
     "next": "10.1.2",
-    "next-i18next": "7.0.1",
     "normalize.css": "8.0.1",
     "react": "17.0.1",
     "react-beautiful-dnd": "13.1.0",
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
deleted file mode 100644
index 911b94a..0000000
--- a/public/locales/en/common.json
+++ /dev/null
@@ -1,51 +0,0 @@
-{
-  "Lue lisää": "Read more",
-  "lngButton": "Suomeksi",
-  "Paikka": "Location",
-  "Alkaa": "Starts at",
-  "Päättyy": "Ends at",
-  "Lataa lisää": "Load more",
-  "Tapahtumat": "Events",
-  "Uutiset": "News",
-
-  "Hakemaasi sivua":
-  "Page",
-
-  "ei löydy":
-  "does not exist",
-
-  "Hups, tapahtui virhe": "Oops, an error occured",
-
-  "Lue lisää täältä": "More information here",
-  "Tärkeä tiedote!": "Important notice!",
-
-  "Katso kaikki tapahtumat":
-  "All events",
-
-  "Ilmoittaudu":
-  "Sign-up",
-
-  "Ilmoittautuminen":
-  "Sign-up",
-
-  "Peruuta":
-  "Cancel",
-
-  "Kokonaishinta":
-  "Total price",
-
-  "Ilmoittautuminen ei ole vielä auki!":
-  "Signup is not open yet!",
-
-  "Se aukeaa":
-  "Signup opens at",
-
-  "Ilmoittautumalla hyväksyn":
-  "By signing up I accept the",
-
-  "tietosuojaselosteen":
-  "privacy policy",
-
-  "ja tietojeni tallentamisen.":
-  "and storing of my data."
-}
\ No newline at end of file
diff --git a/public/locales/fi/common.json b/public/locales/fi/common.json
deleted file mode 100644
index 16b7f32..0000000
--- a/public/locales/fi/common.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "lngButton": "In English"
-}
\ No newline at end of file
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 3b2c6ad..4d90970 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -7,7 +7,7 @@ import breakpoints from "@theme/breakpoints";
 
 interface WrappedCardProps {
   title: string;
-  startTime: string;
+  start_time: string;
   text: string;
   link: string;
   image?: {
@@ -15,7 +15,6 @@ interface WrappedCardProps {
     alt: string;
   };
   buttonOnClick?: () => void;
-  buttonText?: string;
 }
 
 const StyledCard = styled.article`
@@ -70,21 +69,36 @@ const StyledCard = styled.article`
 `;
 
 const WrappedCard: React.FC<WrappedCardProps> = ({
-  title, text, link, image, startTime, buttonOnClick, buttonText, ...props
-}) => (
-  <StyledCard {...props}>
-    {image && (
-    <Image src={image.src} alt={image.alt} layout="responsive" width={0} height={0} objectFit="scale-down" />
-    )}
-    <p>{startTime}</p>
-    <h3>{title}</h3>
-    <p>{text}</p>
+  title, text, link, image, start_time, buttonOnClick, ...props
+}) => {
+  const options: Intl.DateTimeFormatOptions = {
+    day: "numeric",
+    month: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+  };
+  const datetime = new Date(start_time).toLocaleString("fi-FI", options);
+
+  const button = (
     <Link to={link}>
       <button type="button" onClick={buttonOnClick}>
-        {buttonText}
+        Lue lisää&nbsp;›
       </button>
     </Link>
-  </StyledCard>
-);
+  );
+
+  return (
+    <StyledCard {...props}>
+      {image && (
+        <Image src={image.src} alt={image.alt} layout="responsive" width={0} height={0} objectFit="scale-down" />
+      )}
+      <p>{datetime}</p>
+      <h3>{title}</h3>
+      <p>{text}</p>
+      {button}
+    </StyledCard>
+  );
+};
 
 export default WrappedCard;
diff --git a/src/components/ChangeLanguageButton.tsx b/src/components/ChangeLanguageButton.tsx
deleted file mode 100644
index 55345b4..0000000
--- a/src/components/ChangeLanguageButton.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from "react";
-import styled from "styled-components";
-import i18nNext from "../i18n";
-import Icon, { IconType } from "./Icon";
-
-const ChangeLanguageButton: React.FC = (props) => {
-  const { language, changeLanguage } = i18nNext.i18n;
-  return (
-    <button
-      {...props}
-      type="button"
-      onClick={() => {
-        changeLanguage(language === "fi" ? "en" : "fi");
-      }}
-    >
-      <Icon name={language === "fi" ? IconType.GBFlag : IconType.FinlandFlag} />
-    </button>
-  );
-};
-
-export default styled(ChangeLanguageButton)`
-  font-size: 4rem;
-  background: none;
-  border: none;
-  width: fit-content;
-`;
diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
index 8290aea..1efc431 100644
--- a/src/components/Icon.tsx
+++ b/src/components/Icon.tsx
@@ -69,18 +69,10 @@ const nameToIcon = (name: IconType): JSX.Element | string => {
     );
   }
   if (name === IconType.FinlandFlag) {
-    return (
-      <span role="img">
-        🇫🇮
-      </span>
-    );
+    return "🇫🇮";
   }
   if (name === IconType.GBFlag) {
-    return (
-      <span role="img">
-        🇬🇧
-      </span>
-    );
+    return "🇬🇧";
   }
   return null;
 };
diff --git a/src/components/index.tsx b/src/components/index.tsx
index 3ca5862..c9c36fb 100644
--- a/src/components/index.tsx
+++ b/src/components/index.tsx
@@ -10,4 +10,3 @@ export { default as InfoBox } from "./InfoBox";
 export { default as Accordion } from "./Accordion/Accordion";
 export { default as Link } from "./Link";
 export { default as CrossFadeImages } from "./CrossFadeImages";
-export { default as ChangeLanguageButton } from "./ChangeLanguageButton";
diff --git a/src/i18n.ts b/src/i18n.ts
deleted file mode 100644
index f98fac4..0000000
--- a/src/i18n.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import NextI18Next from "next-i18next";
-
-import Config from "next/config";
-import path from "path";
-
-const NextI18NextInstance = new NextI18Next({
-  defaultLanguage: "fi",
-  defaultNS: "common",
-  localeSubpaths: Config().publicRuntimeConfig.localeSubpaths,
-  localePath: path.resolve("./public/locales"),
-  otherLanguages: ["en"],
-});
-
-export const { appWithTranslation, useTranslation } = NextI18NextInstance;
-
-export default NextI18NextInstance;
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 38f59af..c58c5ed 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import Head from "next/head";
 import styled from "styled-components";
 
@@ -25,6 +25,4 @@ const NotFoundPage: NextPage = () => (
   </>
 );
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default NotFoundPage;
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 924cb10..f182d7a 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -5,7 +5,6 @@ import Head from "next/head";
 import styled, { createGlobalStyle } from "styled-components";
 import { ToastContainer } from "react-toastify";
 import { colors } from "@theme/colors";
-import { appWithTranslation } from "../i18n";
 
 import "react-mde/lib/styles/css/react-mde-all.css";
 import "react-toastify/dist/ReactToastify.css";
@@ -159,4 +158,4 @@ const Web20App = ({ Component, pageProps }: AppProps) => (
 //   return { ...appProps }
 // }
 
-export default appWithTranslation(Web20App);
+export default Web20App;
diff --git a/src/pages/admin/events/index.tsx b/src/pages/admin/events/index.tsx
index c261008..edfc3f4 100644
--- a/src/pages/admin/events/index.tsx
+++ b/src/pages/admin/events/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import { formatRelative } from "date-fns";
 import { toast } from "react-toastify";
 import styled from "styled-components";
@@ -75,6 +75,4 @@ const AdminEventPage: NextPage = () => {
   );
 };
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default AdminEventPage;
diff --git a/src/pages/admin/feed/index.tsx b/src/pages/admin/feed/index.tsx
index 7137c94..793f27b 100644
--- a/src/pages/admin/feed/index.tsx
+++ b/src/pages/admin/feed/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import { formatRelative } from "date-fns";
 import { toast } from "react-toastify";
 import styled from "styled-components";
@@ -75,6 +75,4 @@ const AdminFeedPage: NextPage = () => {
   );
 };
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default AdminFeedPage;
diff --git a/src/pages/admin/index.tsx b/src/pages/admin/index.tsx
index 331e6e2..cab83e2 100644
--- a/src/pages/admin/index.tsx
+++ b/src/pages/admin/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import Head from "next/head";
 import AdminPageWrapper from "@views/common/AdminPageWrapper";
 
@@ -16,6 +16,4 @@ const AdminFrontPage: NextPage = () => (
   </>
 );
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default AdminFrontPage;
diff --git a/src/pages/admin/jobads/index.tsx b/src/pages/admin/jobads/index.tsx
index 7705cc2..cc6e7fa 100644
--- a/src/pages/admin/jobads/index.tsx
+++ b/src/pages/admin/jobads/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import { formatRelative } from "date-fns";
 import { toast } from "react-toastify";
 import styled from "styled-components";
@@ -79,6 +79,4 @@ const AdminJobAdPage: NextPage = () => {
   );
 };
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default AdminJobAdPage;
diff --git a/src/pages/admin/login.tsx b/src/pages/admin/login.tsx
index cb81da3..a7f052b 100644
--- a/src/pages/admin/login.tsx
+++ b/src/pages/admin/login.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import { useRouter } from "next/router";
 import styled from "styled-components";
 import { generateToken, setTokenCookie, isAuthenticated } from "@utils/auth";
@@ -80,6 +80,4 @@ const AdminLoginPage: NextPage = () => {
   );
 };
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default AdminLoginPage;
diff --git a/src/pages/admin/logout.tsx b/src/pages/admin/logout.tsx
index f2593e7..9c506ef 100644
--- a/src/pages/admin/logout.tsx
+++ b/src/pages/admin/logout.tsx
@@ -1,4 +1,4 @@
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import { useRouter } from "next/router";
 import { deleteTokenCookie } from "@utils/auth";
 
@@ -12,6 +12,4 @@ const AdminLogoutPage: NextPage = () => {
   return null;
 };
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default AdminLogoutPage;
diff --git a/src/pages/admin/signups/index.tsx b/src/pages/admin/signups/index.tsx
index 36123c0..6c4b762 100644
--- a/src/pages/admin/signups/index.tsx
+++ b/src/pages/admin/signups/index.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import { formatRelative } from "date-fns";
 import { toast } from "react-toastify";
 import styled from "styled-components";
@@ -84,6 +84,4 @@ const AdminSignupPage: NextPage = () => {
   );
 };
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default AdminSignupPage;
diff --git a/src/pages/kilta/fuksi.tsx b/src/pages/kilta/fuksi.tsx
index ee5feda..f1b6b7a 100644
--- a/src/pages/kilta/fuksi.tsx
+++ b/src/pages/kilta/fuksi.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import Head from "next/head";
 import FreshmenPageView from "@views/FreshmenPage/FreshmenPageView";
 import PageWrapper from "@views/common/PageWrapper";
@@ -15,6 +15,4 @@ const FreshmenPage: NextPage = () => (
   </>
 );
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default FreshmenPage;
diff --git a/src/pages/kilta/index.tsx b/src/pages/kilta/index.tsx
index 401b9e3..4d24616 100644
--- a/src/pages/kilta/index.tsx
+++ b/src/pages/kilta/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import Head from "next/head";
 import GuildPageView from "@views/GuildPage/GuildPageView";
 import PageWrapper from "@views/common/PageWrapper";
@@ -15,6 +15,4 @@ const GuildPage: NextPage = () => (
   </>
 );
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default GuildPage;
diff --git a/src/pages/kilta/kunnia.tsx b/src/pages/kilta/kunnia.tsx
index be080ac..ca416f8 100644
--- a/src/pages/kilta/kunnia.tsx
+++ b/src/pages/kilta/kunnia.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import Head from "next/head";
 import HonoraryPageView from "@views/HonoraryPage/HonoraryPageView";
 import PageWrapper from "@views/common/PageWrapper";
@@ -15,6 +15,4 @@ const HonoraryPage: NextPage = () => (
   </>
 );
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default HonoraryPage;
diff --git a/src/pages/opinnot_ja_ura.tsx b/src/pages/opinnot_ja_ura.tsx
index cd08098..0f448f9 100644
--- a/src/pages/opinnot_ja_ura.tsx
+++ b/src/pages/opinnot_ja_ura.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import Head from "next/head";
 import StudiesPageView from "@views/StudiesPage/StudiesPageView";
 import PageWrapper from "@views/common/PageWrapper";
@@ -15,6 +15,4 @@ const StudiesPage: NextPage = () => (
   </>
 );
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default StudiesPage;
diff --git a/src/pages/yhteystiedot.tsx b/src/pages/yhteystiedot.tsx
index 3d7bdd9..1492246 100644
--- a/src/pages/yhteystiedot.tsx
+++ b/src/pages/yhteystiedot.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NextPage, GetStaticProps } from "next";
+import { NextPage } from "next";
 import Head from "next/head";
 import ContactsPageView from "@views/ContactsPage/ContactsPageView";
 import PageWrapper from "@views/common/PageWrapper";
@@ -15,6 +15,4 @@ const ContactsPage: NextPage = () => (
   </>
 );
 
-export const getStaticProps: GetStaticProps = async () => ({ props: {} });
-
 export default ContactsPage;
diff --git a/src/views/ActualPage/ActualPageView.tsx b/src/views/ActualPage/ActualPageView.tsx
index ca99f99..b689c61 100644
--- a/src/views/ActualPage/ActualPageView.tsx
+++ b/src/views/ActualPage/ActualPageView.tsx
@@ -5,7 +5,7 @@ import Event from "@models/Event";
 import Post from "@models/Feed";
 
 import {
-  Divider, CTASection, TextSection, Link, CrossFadeImages, ChangeLanguageButton,
+  Divider, CTASection, TextSection, Link, CrossFadeImages,
 } from "@components/index";
 import ActualPageHero from "./ActualPageHero";
 import EventCalendar from "./EventCalendar";
@@ -32,18 +32,14 @@ const Gallery = styled.div`
   }
 `;
 
-const LngButton = styled(ChangeLanguageButton)`
-  align-self: flex-end;
-  margin-right: 1rem;
-`;
-
 const ActualPageView: React.FC<ActualPageViewProps> = ({ events, feed }) => (
   <>
     <ActualPageHero />
 
-    <LngButton />
     <EventCalendar events={events} />
+
     <Divider />
+
     <News feed={feed} />
 
     <CTASection
diff --git a/src/views/ActualPage/EventCalendar.tsx b/src/views/ActualPage/EventCalendar.tsx
index de1fd87..8c0b7d7 100644
--- a/src/views/ActualPage/EventCalendar.tsx
+++ b/src/views/ActualPage/EventCalendar.tsx
@@ -5,7 +5,6 @@ import Button from "@components/Button";
 import { CardSection, Card, FullWidthSection } from "@components/index";
 import noop from "@utils/noop";
 import FilterContainer from "./FilterContainer";
-import i18nNext, { useTranslation } from "../../i18n";
 
 interface EventCalendarProps {
   events: Event[];
@@ -14,33 +13,11 @@ interface EventCalendarProps {
 const EventCalendar: React.FC<EventCalendarProps> = ({ events }) => {
   // const [filterSelected, setFilter] = useState(0);
   const [numberShown, setNumberShown] = useState(8);
-
-  const { t } = useTranslation();
-  const { language } = i18nNext.i18n;
-  const isFi = language === "fi";
-
-  const options: Intl.DateTimeFormatOptions = {
-    day: "numeric",
-    month: "numeric",
-    year: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-  };
-
-  const filteredEvents = events.slice(0, numberShown).map((e) => ({
-    ...e,
-    title: isFi ? e.title_fi : e.title_en,
-    description: isFi ? e.description_fi : e.description_en,
-    content: isFi ? e.content_fi : e.content_en,
-    location: isFi ? e.location_fi : e.location_en,
-    startDate: new Date(e.start_time).toLocaleString(isFi ? "fi-FI" : "en-GB", options),
-    endDate: new Date(e.end_time).toLocaleString(isFi ? "fi-FI" : "en-GB", options),
-  }));
-
+  const filteredEvents = events.slice(0, numberShown);
   return (
     <FullWidthSection>
       <h1 id="tapahtumat">
-        {t("Tapahtumat")}
+        Tapahtumat
         {/* <FilterContainer>
           <Button buttonStyle="filter" onClick={() => { setFilter(0); }} selected={filterSelected === 0}>
             Näytä kaikki
@@ -58,19 +35,18 @@ const EventCalendar: React.FC<EventCalendarProps> = ({ events }) => {
         {filteredEvents.map((e) => (
           <Card
             key={e.id}
-            title={e.title}
-            startTime={e.startDate}
-            text={e.description}
+            title={e.title_fi}
+            start_time={e.start_time}
+            text={e.description_fi}
             link={`/events/${e.id}`}
             buttonOnClick={noop}
-            buttonText={`${t("Lue lisää")} ›`}
           />
         ))}
       </CardSection>
       { numberShown < events.length && (
         <FilterContainer>
           <Button buttonStyle="bordered" onClick={() => { setNumberShown(numberShown + 8); }}>
-            {t("Lataa lisää")}
+            Lataa lisää
           </Button>
         </FilterContainer>
       )}
diff --git a/src/views/ActualPage/News.tsx b/src/views/ActualPage/News.tsx
index 142790d..ea7f6f6 100644
--- a/src/views/ActualPage/News.tsx
+++ b/src/views/ActualPage/News.tsx
@@ -5,7 +5,6 @@ import Button from "@components/Button";
 import { CardSection, Card, FullWidthSection } from "@components/index";
 import noop from "@utils/noop";
 import FilterContainer from "./FilterContainer";
-import i18nNext, { useTranslation } from "../../i18n";
 
 interface NewsProps {
   feed: Post[];
@@ -14,30 +13,11 @@ interface NewsProps {
 const News: React.FC<NewsProps> = ({ feed }) => {
   // const [filterSelected, setFilter] = useState(0);
   const [numberShown, setNumberShown] = useState(8);
-
-  const { t } = useTranslation();
-  const { language } = i18nNext.i18n;
-  const isFi = language === "fi";
-
-  const options: Intl.DateTimeFormatOptions = {
-    day: "numeric",
-    month: "numeric",
-    year: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-  };
-
-  const filteredFeed = feed.slice(0, numberShown).map((p) => ({
-    ...p,
-    title: isFi ? p.title_fi : p.title_en,
-    description: isFi ? p.description_fi : p.description_en,
-    content: isFi ? p.content_fi : p.content_en,
-    publishTime: new Date(p.publish_time).toLocaleString(isFi ? "fi-FI" : "en-GB", options),
-  }));
+  const filteredFeed = feed.slice(0, numberShown);
   return (
     <FullWidthSection>
       <h1 id="uutiset">
-        {t("Uutiset")}
+        Uutiset
         {/* <FilterContainer>
           <Button buttonStyle="filter" onClick={() => { setFilter(0); }} selected={filterSelected === 0}>
             Näytä kaikki
@@ -54,19 +34,18 @@ const News: React.FC<NewsProps> = ({ feed }) => {
         {filteredFeed.map((post) => (
           <Card
             key={post.id}
-            title={post.title}
-            startTime={post.publishTime}
-            text={post.description}
+            title={post.title_fi}
+            start_time={post.publish_time}
+            text={post.description_fi}
             link={`/feed/${post.id}`}
             buttonOnClick={noop}
-            buttonText={`${t("Lue lisää")} ›`}
           />
         ))}
       </CardSection>
       { numberShown < feed.length && (
         <FilterContainer>
           <Button buttonStyle="bordered" onClick={() => { setNumberShown(numberShown + 8); }}>
-            {t("Lataa lisää")}
+            Lataa lisää
           </Button>
         </FilterContainer>
       )}
diff --git a/src/views/EventPage/EventPageView.tsx b/src/views/EventPage/EventPageView.tsx
index 853513b..29ebba9 100644
--- a/src/views/EventPage/EventPageView.tsx
+++ b/src/views/EventPage/EventPageView.tsx
@@ -4,11 +4,11 @@ import styled from "styled-components";
 import colors from "@theme/colors";
 import Event from "@models/Event";
 import Button from "@components/Button";
-import { Link, TextSection, ChangeLanguageButton } from "@components/index";
+import { Link, TextSection } from "@components/index";
 import noop from "@utils/noop";
+
 import MarkdownStyles from "@views/common/MarkdownStyles";
 import LoadingView from "@views/common/LoadingView";
-import i18nNext, { useTranslation } from "../../i18n";
 
 interface EventPageViewProps {
   event?: Event;
@@ -33,6 +33,7 @@ const StyledTextSection = styled(TextSection)`
       line-height: 0.4rem;
     }
   }
+
 `;
 
 const SignupButtons = styled.div`
@@ -45,69 +46,49 @@ const Content = styled(MarkdownStyles)`
   margin-top: 1.5rem;
 `;
 
-const LngButton = styled(ChangeLanguageButton)`
-  align-self: flex-end;
-  margin-right: 1rem;
-`;
-
 const EventPageView: React.FC<EventPageViewProps> = ({ event }) => {
-  const { t } = useTranslation();
   if (!event) return <LoadingView />;
-  const { language } = i18nNext.i18n;
-  const isFi = language === "fi";
-  const {
-    title, description, content, location, startDate, endDate,
-  } = {
-    title: isFi ? event.title_fi : event.title_en,
-    description: isFi ? event.description_fi : event.description_en,
-    content: isFi ? event.content_fi : event.content_en,
-    location: isFi ? event.location_fi : event.location_en,
-    startDate: new Date(event.start_time).toLocaleString(isFi ? "fi-FI" : "en-GB"),
-    endDate: new Date(event.end_time).toLocaleString(isFi ? "fi-FI" : "en-GB"),
-  };
-
+  const date_start = new Date(event.start_time).toLocaleString("fi-FI");
+  const date_end = new Date(event.end_time).toLocaleString("fi-FI");
   return (
-    <>
-      <LngButton />
-      <StyledTextSection>
-        <h1>
-          {title}
-          <p>
-            {description}
-          </p>
-          <Image
-            src={event.image || event.tags[0].icon}
-            alt={title}
-            objectFit="scale-down"
-            layout="responsive"
-            width={16}
-            height={9}
-          />
-        </h1>
-        <div>
-          <Content source={content} escapeHtml={false} />
-          <p>
-            {`${t("Paikka")}: ${location}`}
-          </p>
-          <p>
-            <time>{`${t("Alkaa")}: ${startDate}`}</time>
-          </p>
-          <p>
-            <time>{`${t("Päättyy")}: ${endDate}`}</time>
-          </p>
-          {/* We may have multiple signup forms. Generate own Button for each one */}
-          <SignupButtons>
-            {event.signupForm.map((sf) => (
-              <Link key={sf.id} to={`/signup/${sf.id}`}>
-                <Button data-e2e="signup-button" buttonStyle="filled" onClick={noop}>
-                  {isFi ? sf.title_fi : sf.title_en}
-                </Button>
-              </Link>
-            ))}
-          </SignupButtons>
-        </div>
-      </StyledTextSection>
-    </>
+    <StyledTextSection>
+      <h1>
+        {event.title_fi}
+        <p>
+          {event.description_fi}
+        </p>
+        <Image
+          src={event.image || event.tags[0].icon}
+          alt={event.title_fi}
+          objectFit="scale-down"
+          layout="responsive"
+          width={16}
+          height={9}
+        />
+      </h1>
+      <div>
+        <Content source={event.content_fi} escapeHtml={false} />
+        <p>
+          Paikka: {event.location_fi}
+        </p>
+        <p>
+          <time>Alkaa: {date_start}</time>
+        </p>
+        <p>
+          <time>Päättyy: {date_end}</time>
+        </p>
+        {/* We may have multiple signup forms. Generate own Button for each one */}
+        <SignupButtons>
+          {event.signupForm.map((sf) => (
+            <Link key={sf.id} to={`/signup/${sf.id}`}>
+              <Button buttonStyle="filled" onClick={noop}>
+                {sf.title_fi}
+              </Button>
+            </Link>
+          ))}
+        </SignupButtons>
+      </div>
+    </StyledTextSection>
   );
 };
 export default EventPageView;
diff --git a/src/views/FeedPage/FeedPageView.tsx b/src/views/FeedPage/FeedPageView.tsx
index b7c5cf7..b6805e6 100644
--- a/src/views/FeedPage/FeedPageView.tsx
+++ b/src/views/FeedPage/FeedPageView.tsx
@@ -6,7 +6,6 @@ import Post from "@models/Feed";
 import { TextSection } from "@components/index";
 import MarkdownStyles from "@views/common/MarkdownStyles";
 import LoadingView from "@views/common/LoadingView";
-import i18nNext from "../../i18n";
 
 interface FeedPageViewProps {
   post?: Post;
@@ -33,27 +32,17 @@ const Content = styled(MarkdownStyles)`
 
 const FeedPageView: React.FC<FeedPageViewProps> = ({ post }) => {
   if (!post) return <LoadingView />;
-  const { language } = i18nNext.i18n;
-  const isFi = language === "fi";
-  const {
-    title, description, content,
-  } = {
-    title: isFi ? post.title_fi : post.title_en,
-    description: isFi ? post.description_fi : post.description_en,
-    content: isFi ? post.content_fi : post.content_en,
-  };
-
   return (
     <StyledTextSection>
       <h1>
-        {title}
+        {post.title_fi}
         <p>
-          {description}
+          {post.description_fi}
         </p>
         {post.image && (
           <Image
             src={post.image}
-            alt={title}
+            alt={post.title_fi}
             objectFit="scale-down"
             layout="responsive"
             width={16}
@@ -62,7 +51,7 @@ const FeedPageView: React.FC<FeedPageViewProps> = ({ post }) => {
         )}
       </h1>
       <div>
-        <Content source={content} escapeHtml={false} />
+        <Content source={post.content_fi} escapeHtml={false} />
       </div>
     </StyledTextSection>
   );
diff --git a/src/views/FrontPage/FrontPageView.tsx b/src/views/FrontPage/FrontPageView.tsx
index f3a893b..400e968 100644
--- a/src/views/FrontPage/FrontPageView.tsx
+++ b/src/views/FrontPage/FrontPageView.tsx
@@ -32,14 +32,6 @@ interface FrontPageViewProps {
   feed: Post[];
 }
 
-const cardTimeOpts: Intl.DateTimeFormatOptions = {
-  day: "numeric",
-  month: "numeric",
-  year: "numeric",
-  hour: "numeric",
-  minute: "2-digit",
-};
-
 const SponsorReel = styled.div`
   text-align: center;
   & > div {
@@ -80,7 +72,7 @@ const FrontPageView: React.FC<FrontPageViewProps> = ({ events, feed }) => (
           <Card
             key={event.id}
             title={event.title_fi}
-            startTime={new Date(event.start_time).toLocaleString("fi-FI", cardTimeOpts)}
+            start_time={event.start_time}
             text={event.description_fi}
             link={`/events/${event.id}`}
             image={{
@@ -88,7 +80,6 @@ const FrontPageView: React.FC<FrontPageViewProps> = ({ events, feed }) => (
               alt: event.title_fi,
             }}
             buttonOnClick={noop}
-            buttonText="Lue lisää&nbsp;›"
             data-e2e="event-card"
           />
         ))}
@@ -113,11 +104,10 @@ const FrontPageView: React.FC<FrontPageViewProps> = ({ events, feed }) => (
           <Card
             key={inst.id}
             title={inst.title_fi}
-            startTime={new Date(inst.publish_time).toLocaleString("fi-FI", cardTimeOpts)}
+            start_time={inst.publish_time}
             text={inst.description_fi}
             link={`/feed/${inst.id}`}
             buttonOnClick={noop}
-            buttonText="Lue lisää&nbsp;›"
           />
         ))}
         <aside>
diff --git a/src/views/InEnglishPage/InEnglishPageView.tsx b/src/views/InEnglishPage/InEnglishPageView.tsx
index dcf7950..fcf2e75 100644
--- a/src/views/InEnglishPage/InEnglishPageView.tsx
+++ b/src/views/InEnglishPage/InEnglishPageView.tsx
@@ -37,14 +37,6 @@ interface InEnglishPageViewProps {
   feed: Post[];
 }
 
-const cardTimeOpts: Intl.DateTimeFormatOptions = {
-  day: "numeric",
-  month: "numeric",
-  year: "numeric",
-  hour: "numeric",
-  minute: "2-digit",
-};
-
 const InEnglishPageView: React.FC<InEnglishPageViewProps> = ({ events, feed }) => (
   <>
     <InEnglishPageHero />
@@ -206,7 +198,7 @@ const InEnglishPageView: React.FC<InEnglishPageViewProps> = ({ events, feed }) =
           <Card
             key={event.id}
             title={event.title_en}
-            startTime={new Date(event.start_time).toLocaleString("en-GB", cardTimeOpts)}
+            start_time={event.start_time}
             text={event.description_en}
             link={`/events/${event.id}`}
             image={{
@@ -214,7 +206,6 @@ const InEnglishPageView: React.FC<InEnglishPageViewProps> = ({ events, feed }) =
               alt: event.title_en,
             }}
             buttonOnClick={noop}
-            buttonText="Read more&nbsp;›"
             data-e2e="event-card"
           />
         ))}
@@ -236,11 +227,10 @@ const InEnglishPageView: React.FC<InEnglishPageViewProps> = ({ events, feed }) =
           <Card
             key={inst.id}
             title={inst.title_en}
-            startTime={new Date(inst.publish_time).toLocaleString("en-GB", cardTimeOpts)}
+            start_time={inst.publish_time}
             text={inst.description_en}
             link={`/feed/${inst.id}`}
             buttonOnClick={noop}
-            buttonText="Read more&nbsp;›"
           />
         ))}
         <aside>
diff --git a/tests/testcafe/signupToEvent.test.ts b/tests/testcafe/signupToEvent.test.ts
index 0099b90..78615a8 100644
--- a/tests/testcafe/signupToEvent.test.ts
+++ b/tests/testcafe/signupToEvent.test.ts
@@ -32,7 +32,7 @@ test("User signups to event from front page", async (t) => {
   await t.wait(3000);
   await t.expect(await getPageUrl()).match(/\/events\/\d{1,4}/, "URL isn't /events/<id>");
 
-  const SignupButton = Selector("[data-e2e=\"signup-button\"]");
+  const SignupButton = Selector("button");
   await t
     .click(SignupButton);