Descriptions for surahs (#331)

quran · Jun 2, 2016 · 78d0bcb · 78d0bcb
1 parent 9a11515
commit 78d0bcb
Show file tree

Hide file tree

Showing 3 changed files with 121 additions and 15 deletions.
diff --git a/src/components/SurahInfo/index.js b/src/components/SurahInfo/index.js
@@ -3,23 +3,11 @@ import React, { Component, PropTypes } from 'react';
 import Row from 'react-bootstrap/lib/Row';
 import Col from 'react-bootstrap/lib/Col';
 
-import html from './htmls';
-
 const style = require('./style.scss');
 export default class SurahInfo extends Component {
-
-  state = {
-    html: ''
-  }
-
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.isShowingSurahInfo && nextProps.surah && nextProps.surah.id) {
-      html[`html${nextProps.surah.id}`]((module) => this.setState({html: module}));
-    }
-  }
-
   render() {
     const { surah, isShowingSurahInfo, onClose } = this.props;
+    const html = require(`./htmls/${surah.id}.html.js`);
 
     return (
       <Col xs={12} className={`${style.container} ${isShowingSurahInfo ? style.show : ''}`}>
@@ -39,7 +27,7 @@ export default class SurahInfo extends Component {
             </dl>
           </Col>
           <Col md={8} className={`${style.info} times-new`}>
-            <div dangerouslySetInnerHTML={{__html: this.state.html}} />
+            <div dangerouslySetInnerHTML={{__html: html}} />
             <div>
               <p>
                 <em>Source: Sayyid Abul Ala Maududi - Tafhim al-Qur'an - The Meaning of the Quran</em>