fixed lint rules

src/components/Translation/index.js

@@ -1,23 +1,23 @@
-import React, { PropTypes } from 'react';
+/* eslint-disable react/prefer-stateless-function */
+import React, { Component, PropTypes } from 'react';
 
 import { translationType } from 'types';
 
 const styles = require('./style.scss');
 
-export default class Translation extends React.Component {
+export default class Translation extends Component {
   static propTypes = {
-    translation: translationType.isRequired
+    translation: translationType.isRequired,
+    index: PropTypes.number
   };
 
   render() {
-    const { translation } = this.props;
+    const { translation, index } = this.props;
     const lang = translation.languageName;
     const isArabic = lang === 'arabic';
 
     return (
-      <div
-        className={`${styles.translation} ${isArabic && 'arabic'} translation`}
-      >
+      <div id={index} className={`${styles.translation} ${isArabic && 'arabic'} translation`}>
         <h4 className="montserrat">{translation.resourceName}</h4>
         <h2 className={`${isArabic ? 'text-right' : 'text-left'} text-translation times-new`}>
           <small

src/components/Verse/index.js

@@ -82,11 +82,9 @@ export default class Verse extends Component {
 
     const array = match || verse.translations || [];
 
-    return array.map((translation, index) => {
-      return(
-        <Translation translation={translation} />
-      );
-    });
+    return array.map((translation, index) => (
+      <Translation translation={translation} index={index} />
+    ));
   }
 
   renderMedia() {

src/components/Word/index.js

@@ -1,4 +1,4 @@
-import React, { PropTypes } from 'react';
+import React, { Component, PropTypes } from 'react';
 import bindTooltip from 'utils/bindTooltip';
 /* eslint-disable no-unused-vars */
 const CHAR_TYPE_WORD = 'word';
@@ -7,7 +7,7 @@ const CHAR_TYPE_PAUSE = 'pause';
 const CHAR_TYPE_RUB = 'rub';
 const CHAR_TYPE_SAJDAH = 'sajdah';
 
-export default class Word extends React.Component {
+export default class Word extends Component {
   static propTypes = {
     word: PropTypes.object.isRequired, // eslint-disable-line
     tooltip: PropTypes.string,

src/redux/actions/verses.js

@@ -30,7 +30,7 @@ export function load(id, from, to, options = defaultOptions) {
         from,
         to,
         recitation: audio,
-        translations: translations
+        translations
       }
     }),
     chapterId: id

src/types/translationType.js

@@ -1,7 +1,7 @@
 import { PropTypes } from 'react';
 
 export default PropTypes.shape({
- languageName:PropTypes.string.isRequired,
- text: PropTypes.string.isRequired,
- resourceName: PropTypes.string.isRequired
+  languageName: PropTypes.string.isRequired,
+  text: PropTypes.string.isRequired,
+  resourceName: PropTypes.string.isRequired
 });