diff --git a/src/components/ErrorBoundary.jsx b/src/components/ErrorBoundary.jsx
index f3efcf82..4c5cac3c 100644
--- a/src/components/ErrorBoundary.jsx
+++ b/src/components/ErrorBoundary.jsx
@@ -10,16 +10,18 @@ export default class ErrorBoundary extends React.PureComponent {
static getDerivedStateFromError(error) {
console.log(error);
- return { error: true };
+ return {
+ error: true
+ };
}
render() {
if (this.state.error) {
return (
-
+
Error
Failed to load this component of Mue.
-
+
)
}
diff --git a/src/components/modals/settings/sections/About.jsx b/src/components/modals/settings/sections/About.jsx
index 7e5c40ad..40db0d49 100644
--- a/src/components/modals/settings/sections/About.jsx
+++ b/src/components/modals/settings/sections/About.jsx
@@ -19,10 +19,10 @@ export default class About extends React.PureComponent {
const contributors = await (await fetch('https://api.github.com/repos/mue/mue/contributors')).json();
const versionData = await (await fetch('https://api.github.com/repos/mue/mue/releases')).json();
- let updateMsg = 'No update available';
+ let updateMsg = this.props.language.version.no_update;
let version = versionData[0].tag_name;
if (version !== '5.0' && version !== '4.1') {
- updateMsg = 'Update available: ' + version;
+ updateMsg = `${this.props.language.version.update_available}: ${version}`;
}
// TODO: REMOVE BOTS AND MAKE IT ACTUALLY WORK
@@ -39,14 +39,14 @@ export default class About extends React.PureComponent {
render() {
return (
-
About
+
{this.props.language.title}

-
Copyright 2018-{new Date().getFullYear()} Mue Tab (BSD-3 License)
-
Version {Constants.VERSION} ({this.state.update})
-
Resources Used
-
Pexels (Background Images)
-
Google (Pin Icon)
-
Contributors
+
{this.props.language.copyright} 2018-{new Date().getFullYear()} Mue Tab (BSD-3 License)
+
{this.props.language.version.title} {Constants.VERSION} ({this.state.update})
+
{this.props.language.resources_used.title}
+
Pexels ({this.props.language.resources_used.bg_images})
+
Google ({this.props.language.resources_used.pin_icon})
+
{this.props.language.contributors}
{this.state.contributors.map((item) =>
@@ -58,7 +58,7 @@ export default class About extends React.PureComponent {
)}
-
Supporters
+
{this.props.language.supporters}
to be implemented
);
diff --git a/src/components/modals/settings/sections/Time.jsx b/src/components/modals/settings/sections/Time.jsx
index 4a5a32a5..1d8e9eb6 100644
--- a/src/components/modals/settings/sections/Time.jsx
+++ b/src/components/modals/settings/sections/Time.jsx
@@ -27,22 +27,22 @@ export default class TimeSettings extends React.PureComponent {
render() {
let digitalSettings = (
- Digital
-
-
-
-
+ {this.props.language.digital.title}
+
+
+
+
);
let analogSettings = (
- Analog
-
-
-
-
-
+ {this.props.language.analogue.title}
+
+
+
+
+
);
@@ -57,9 +57,9 @@ export default class TimeSettings extends React.PureComponent {
{this.props.language.title}
this.changeType()}>
-
-
-
+
+
+
{digitalSettings}
{this.props.language.date.title}
diff --git a/src/components/modals/tabs/Settings.jsx b/src/components/modals/tabs/Settings.jsx
index 49b7cc94..4cffcc89 100644
--- a/src/components/modals/tabs/Settings.jsx
+++ b/src/components/modals/tabs/Settings.jsx
@@ -47,7 +47,7 @@ export default function Settings (props) {