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) =>