Added/fixed translation to titles and custom messages.

backend/index.js

@@ -227,7 +227,7 @@ async.waterfall([
 				fs.access(rootDirAssets + path, function(err) {
 					console.log("Error: ", !!err);
 					if (!err) {
-						res.sendJSON({});
+						res.json({});
 					} else {
 						res.redirect("/");
 					}

frontend/app/js/app.jsx

@@ -2,6 +2,7 @@ import React, { Component } from "react";
 import { Route, Switch, withRouter } from "react-router-dom";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
+import { translate } from "react-i18next";
 
 import { ban, authenticate } from "actions/auth";
 import Navbar from "components/Global/Navbar";
@@ -10,10 +11,6 @@ import config from "config";
 import AuthRoute from "components/AuthRoute";
 import io from "./io";
 
-const i18next = require("i18next");
-
-const t = i18next.t;
-
 const asyncComponent = getComponent => {
 	return class AsyncComponent extends React.Component {
 		static Component = null;
@@ -37,14 +34,16 @@ const asyncComponent = getComponent => {
 };
 
 @connect()
-
+@translate(["pages"], { wait: false })
 class App extends Component { // eslint-disable-line react/no-multi-comp
 	static propTypes = {
 		dispatch: PropTypes.func,
+		t: PropTypes.func,
 	};
 
 	static defaultProps = {
 		dispatch: () => {},
+		t: () => {},
 	};
 
 	componentDidMount() {
@@ -70,6 +69,8 @@ class App extends Component { // eslint-disable-line react/no-multi-comp
 	}
 
 	render() {
+		const { t } = this.props;
+
 		return (
 			<div>
 				<Navbar />
@@ -151,4 +152,4 @@ class App extends Component { // eslint-disable-line react/no-multi-comp
 	}
 }
 
-export default withRouter(App);
+export default withRouter(App);

frontend/app/js/components/CustomMessages.jsx

@@ -5,6 +5,8 @@ const i18next = require("i18next");
 
 const t = i18next.t;
 
+i18next.loadNamespaces("customMessages");
+
 export default class CustomMessages extends Component {
 	static propTypes = {
 		onRef: PropTypes.func,