Merge branch 'master' into master

Author: naveed-ahmad

src/components/Line/index.js

@@ -32,7 +32,7 @@ class Line extends Component {
     // NOTE: Some 'word's are glyphs (jeem). Not words and should not be clicked for audio
     let wordAudioPosition = -1;
 
-    const text = line.map((word) => ( // eslint-disable-line
+    const text = line.map(word => // eslint-disable-line
       <Word
         word={word}
         key={`${word.position}-${word.code}-${word.lineNum}`}
@@ -45,7 +45,7 @@ class Line extends Component {
         }
         useTextFont={useTextFont}
       />
-    ));
+    );
 
     return (
       <span className={`${styles.line} text-center`}>
@@ -59,14 +59,15 @@ class Line extends Component {
 
     debug(
       'component:Line',
-      `Page: ${line[0].pageNum} - Line: ${line[0].lineNum} - Ayah: ${line[0].verseKey}`
+      `Page: ${line[0].pageNum} - Line: ${line[0].lineNum} - Ayah: ${line[0]
+        .verseKey}`
     );
 
     return (
       <div className={`row ${styles.font} text-justify text-arabic`}>
         <div
           className="col-md-12 line-container"
-          name={`ayah:${line[0].verseKey}`}
+          name={`verse:${line[0].verseKey}`}
         >
           {this.renderText()}
         </div>

src/containers/Surah/index.js

@@ -228,7 +228,9 @@ class Surah extends Component {
       </div>
     );
 
-    return isLoading ? <Loader isActive relative style={LoaderStyle} /> : noAyah;
+    return isLoading
+      ? <Loader isActive relative style={LoaderStyle} />
+      : noAyah;
   }
 
   renderPagination() {
@@ -237,7 +239,8 @@ class Surah extends Component {
       isLoading,
       isEndOfSurah,
       chapter,
-      options
+      options,
+      actions
     } = this.props;
     const translations = (options.translations || []).join(',');
 
@@ -285,6 +288,10 @@ class Surah extends Component {
             <li className="text-center">
               <Link
                 to={`/${chapter.chapterNumber}?translations=${translations}`}
+                onClick={() =>
+                  actions.verse.setCurrentVerse(
+                    `${chapter.chapterNumber}:${this.getFirst()}`
+                  )}
               >
                 <LocaleFormattedMessage
                   id="chapter.goToBeginning"
@@ -306,7 +313,9 @@ class Surah extends Component {
               </li>}
           </ul>
         }
-        loadingComponent={<Loader isActive={isLoading} relative style={LoaderStyle} />}
+        loadingComponent={
+          <Loader isActive={isLoading} relative style={LoaderStyle} />
+        }
       />
     );
   }