Web.Common: replaced changeLanguage function, removed connect HOC
This commit is contained in:
parent
77f88297ed
commit
42d9258d99
@ -1,26 +1,21 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import { connect } from "react-redux";
|
||||
import ErrorContainer from '../../../components/ErrorContainer';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import i18n from './i18n';
|
||||
import { changeLanguage } from '../../../utils';
|
||||
|
||||
const Error404Container = ({language}) => {
|
||||
const Error404Container = () => {
|
||||
const { t } = useTranslation('translation', { i18n });
|
||||
|
||||
useEffect(() => {
|
||||
i18n.changeLanguage(language);
|
||||
}, [language]);
|
||||
changeLanguage(i18n);
|
||||
}, []);
|
||||
|
||||
return <ErrorContainer headerText={t("Error401Text")} />;
|
||||
};
|
||||
|
||||
function mapStateToProps(state) {
|
||||
return {
|
||||
language: state.auth.user.cultureName || state.auth.settings.culture,
|
||||
};
|
||||
}
|
||||
|
||||
const Error401 = connect(mapStateToProps)(Error404Container);
|
||||
const Error401 = Error404Container;
|
||||
|
||||
export default Error401;
|
||||
|
||||
|
@ -1,26 +1,20 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import { connect } from "react-redux";
|
||||
import ErrorContainer from '../../../components/ErrorContainer';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import i18n from './i18n';
|
||||
import { changeLanguage } from '../../../utils';
|
||||
|
||||
const Error404Container = ({language}) => {
|
||||
const Error404Container = () => {
|
||||
const { t } = useTranslation('translation', { i18n });
|
||||
|
||||
useEffect(() => {
|
||||
i18n.changeLanguage(language);
|
||||
}, [language]);
|
||||
changeLanguage(i18n);
|
||||
}, []);
|
||||
|
||||
return <ErrorContainer headerText={t("Error404Text")} />;
|
||||
};
|
||||
|
||||
function mapStateToProps(state) {
|
||||
return {
|
||||
language: state.auth.user.cultureName || state.auth.settings.culture,
|
||||
};
|
||||
}
|
||||
|
||||
const Error404 = connect(mapStateToProps)(Error404Container);
|
||||
const Error404 = Error404Container;
|
||||
|
||||
export default Error404;
|
||||
|
||||
|
@ -1,26 +1,20 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import { connect } from "react-redux";
|
||||
import ErrorContainer from '../../../components/ErrorContainer';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import i18n from './i18n';
|
||||
import { changeLanguage } from '../../../utils';
|
||||
|
||||
const Error520Container = ({language}) => {
|
||||
const Error520Container = () => {
|
||||
const { t } = useTranslation('translation', { i18n });
|
||||
|
||||
useEffect(() => {
|
||||
i18n.changeLanguage(language);
|
||||
}, [language]);
|
||||
changeLanguage(i18n);
|
||||
}, []);
|
||||
|
||||
return <ErrorContainer headerText={t("Error520Text")} />;
|
||||
};
|
||||
|
||||
function mapStateToProps(state) {
|
||||
return {
|
||||
language: state.auth.user.cultureName || state.auth.settings.culture,
|
||||
};
|
||||
}
|
||||
|
||||
const Error404 = connect(mapStateToProps)(Error520Container);
|
||||
const Error404 = Error520Container;
|
||||
|
||||
export default Error404;
|
||||
|
||||
|
@ -1,15 +1,15 @@
|
||||
import React, { useEffect } from "react";
|
||||
import { connect } from "react-redux";
|
||||
import ErrorContainer from '../../../components/ErrorContainer';
|
||||
import { useTranslation } from "react-i18next";
|
||||
import i18n from "./i18n";
|
||||
import { changeLanguage } from '../../../utils';
|
||||
|
||||
const ComingSoonContainer = ({ language }) => {
|
||||
const ComingSoonContainer = () => {
|
||||
const { t } = useTranslation("translation", { i18n });
|
||||
|
||||
useEffect(() => {
|
||||
i18n.changeLanguage(language);
|
||||
}, [language]);
|
||||
changeLanguage(i18n);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<ErrorContainer
|
||||
@ -21,12 +21,6 @@ const ComingSoonContainer = ({ language }) => {
|
||||
);
|
||||
};
|
||||
|
||||
function mapStateToProps(state) {
|
||||
return {
|
||||
language: state.auth.user.cultureName || state.auth.settings.culture
|
||||
};
|
||||
}
|
||||
|
||||
const ComingSoon = connect(mapStateToProps)(ComingSoonContainer);
|
||||
const ComingSoon = ComingSoonContainer;
|
||||
|
||||
export default ComingSoon;
|
||||
|
@ -1,25 +1,19 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import { connect } from "react-redux";
|
||||
import ErrorContainer from '../../../components/ErrorContainer';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import i18n from './i18n';
|
||||
import { changeLanguage } from '../../../utils';
|
||||
|
||||
const ErrorOfflineContainer = ({language}) => {
|
||||
const ErrorOfflineContainer = () => {
|
||||
const { t } = useTranslation('translation', { i18n });
|
||||
|
||||
useEffect(() => {
|
||||
i18n.changeLanguage(language);
|
||||
}, [language]);
|
||||
changeLanguage(i18n);
|
||||
}, []);
|
||||
|
||||
return <ErrorContainer headerText={t("ErrorOfflineText")} />;
|
||||
};
|
||||
|
||||
function mapStateToProps(state) {
|
||||
return {
|
||||
language: state.auth.user.cultureName || state.auth.settings.culture,
|
||||
};
|
||||
}
|
||||
|
||||
const Offline = connect(mapStateToProps)(ErrorOfflineContainer);
|
||||
const Offline = ErrorOfflineContainer;
|
||||
|
||||
export default Offline;
|
||||
|
Loading…
Reference in New Issue
Block a user