diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js
index adb461302..f5e8c5a3c 100644
--- a/src/components/Footer/index.js
+++ b/src/components/Footer/index.js
@@ -135,13 +135,6 @@ const Footer = () => (
-
-
-
-
(
/>
-
© QURAN.COM. ALL RIGHTS RESERVED 2016
+
+ © 2016 Quran.com. .
+
diff --git a/src/components/GlobalSidebar/index.js b/src/components/GlobalSidebar/index.js
index ef3f474fe..bf54e9538 100644
--- a/src/components/GlobalSidebar/index.js
+++ b/src/components/GlobalSidebar/index.js
@@ -56,7 +56,7 @@ class GlobalSidebar extends Component {
className="navbar-text"
onClick={() => handleOpen(false)}
>
-
+
@@ -64,7 +64,8 @@ class GlobalSidebar extends Component {
{children}
this.setState({ settingsModalOpen: true }, handleOpen(false))}>
- {' '}Settings
+ {' '}
+
diff --git a/src/components/Line/index.js b/src/components/Line/index.js
index c2600ef7d..585354fe1 100644
--- a/src/components/Line/index.js
+++ b/src/components/Line/index.js
@@ -20,15 +20,18 @@ export default class Line extends React.Component {
isPlaying: PropTypes.bool
};
- shouldComponentUpdate(nextProps) {
- const conditions = [
- this.props.currentAyah !== nextProps.currentAyah,
- this.props.line !== nextProps.line,
- this.props.isPlaying !== nextProps.isPlaying
- ];
-
- return conditions.some(condition => condition);
- }
+ // NOTE: this is commented out as it caused problems with 55:31 with missing text.
+ // shouldComponentUpdate(nextProps) {
+ // const conditions = [
+ // this.props.currentAyah !== nextProps.currentAyah,
+ // this.props.line !== nextProps.line,
+ // this.props.isPlaying !== nextProps.isPlaying
+ // ];
+ //
+ // console.log(conditions, conditions.some(condition => condition));
+ //
+ // return conditions.some(condition => condition);
+ // }
renderText() {
const { tooltip, currentAyah, audioActions, isPlaying, line } = this.props;
diff --git a/src/components/SettingsModal/index.js b/src/components/SettingsModal/index.js
index b42242e62..2c46faca4 100644
--- a/src/components/SettingsModal/index.js
+++ b/src/components/SettingsModal/index.js
@@ -2,6 +2,7 @@ import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import Modal from 'react-bootstrap/lib/Modal';
+import LocaleFormattedMessage from 'components/LocaleFormattedMessage';
import ReciterDropdown from 'components/ReciterDropdown';
import ContentDropdown from 'components/ContentDropdown';
import TooltipDropdown from 'components/TooltipDropdown';
@@ -37,26 +38,32 @@ const SettingsModal = ({
- Settings
+
-
Reciters
+
+
+
-
Translations
+
+
+
-
Tooltip Content
+
+
+
{
{Object.keys(assets.javascript).map((script, i) =>
)}
+ {
+
+ }