fixed verse badge

src/components/Verse/index.js

@@ -249,29 +249,26 @@ export default class Verse extends Component {
 
   renderAyahBadge() {
     const { isSearched } = this.props;
+    let metric;
+
     const content = (
       <h4>
         <span className={`label label-default ${styles.label}`}>
-          {this.props.verse.chapterId}:{this.props.verse.ayahNum}
+          {this.props.verse.verseKey}
         </span>
       </h4>
     );
 
     if (isSearched) {
-      return (
-        <Link
-          to={`/${this.props.verse.chapterId}/${this.props.verse.ayahNum}`}
-          data-metrics-event-name="Verse:Searched:Link"
-        >
-          {content}
-        </Link>
-      );
+      metric = 'Verse:Searched:Link';
+    } else {
+      metric = 'Verse:Link';
     }
 
     return (
       <Link
-        to={`/${this.props.verse.chapterId}:${this.props.verse.ayahNum}`}
-        data-metrics-event-name="Verse:Link"
+        to={`/${this.props.verse.chapterId}/${this.props.verse.verseNumber}`}
+        data-metrics-event-name={metric}
       >
         {content}
       </Link>

src/config.js

@@ -33,7 +33,7 @@ const config = {
         { name: 'Charset', content: 'UTF-8' },
         { name: 'Distribution', content: 'Global' },
         { name: 'Rating', content: 'General' },
-        { name: 'viewport', content: 'width=device-width, user-scalable=no, initial-scale=1' },
+        { name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' },
         { name: 'google-site-verification', content: 'ehFz7FvmL7V9MzP40F8_kLABhCzqGzMDMrCnUP44Too' },
         { name: 'theme-color', content: '#004f54' },
         { property: 'og:site_name', content: title },