make utm_source env. dependent

Author: theevilhead

.gitignore

@@ -8,4 +8,5 @@ dist.zip
 ./dist
 .DS_Store
 yarn.lock
-.vscode
+.vscode
+builds/

App.js

@@ -7,6 +7,8 @@ import PostCard from './components/PostCard'
 import Loader from './components/Loader'
 
 const baseURL = 'https://hashnode.com'
+const browserType = process.env.browser || 'chrome'
+const utmVal = (browserType === 'chrome') ? 'chrome_extension' : 'FF_extension'
 
 class App extends Component {
   constructor (props) {
@@ -57,12 +59,12 @@ class App extends Component {
       return <li className='post' key={index}>
         <PostCard post={post} />
       </li>
-    })
+    }).reverse()
 
     return (
       <div id='app'>
         <div className='header'>
-          <a href='https://hashnode.com?utm_source=chrome_extension&utm_medium=extension' className='logo' target='_blank'>
+          <a href={`https://hashnode.com?utm_source=${utmVal}&utm_medium=extension`} className='logo' target='_blank'>
             <img src={require('./images/hn-logo.png')} />
           </a>
           <div className='nav'>
@@ -78,9 +80,9 @@ class App extends Component {
         </div>
         <div className='footer'>
           <div>
-            <a href='https://hashnode.com?utm_source=chrome_extension&utm_medium=extension' target='_blank' rel='noopener'>My feed</a> · <span>&copy; 2019</span>
+            <a href={`https://hashnode.com?utm_source=${utmVal}&utm_medium=extension`} target='_blank' rel='noopener'>My feed</a> · <span>&copy; 2019</span>
           </div>
-          <a href='https://l.hshno.de/chrome-extension-feedback' target='_blank' rel='noopener'>Feedback</a>
+          <a href='https://hashnode.typeform.com/to/oeFvmK' target='_blank' rel='noopener'>Feedback</a>
         </div>
       </div>
     )

components/PostCard.js

@@ -4,6 +4,9 @@ const thumbsImage = require('../images/thumbs.png')
 const commentsImage = require('../images/comments.png')
 const dummyUserImage = require('../images/dummyUser.png')
 
+const browserType = process.env.browser || 'chrome'
+const utmVal = (browserType === 'chrome') ? 'chrome_extension' : 'FF_extension'
+
 export class PostCard extends Component {
   getReplacedImage (src) {
     var newSrc = 'https://cdn.hashnode.com/res/hashnode/image/upload/'
@@ -34,7 +37,7 @@ export class PostCard extends Component {
           <a
             href={`https://hashnode.com/post/${post.slug}-${
               post.cuid
-            }?utm_source=chrome_extension&utm_medium=extension`}
+            }?utm_source=${utmVal}&utm_medium=extension`}
             target='_blank'
           >
             <img className='post-cover' src={post.coverImage} width='100%' />
@@ -44,19 +47,19 @@ export class PostCard extends Component {
           <a
             href={`https://hashnode.com/post/${post.slug}-${
               post.cuid
-            }?utm_source=chrome_extension&utm_medium=extension`}
+            }?utm_source=${utmVal}&utm_medium=extension`}
             target='_blank'
           >
             <h3 className='post-title'>{post.title}</h3>
-            <p className='post-desc'>{post.brief.substring(0, 140)}...</p>
+            { post.brief && <p className='post-desc'>{post.brief.substring(0, 140)}...</p> }
           </a>
           <div className='post-footer'>
             <a
               href={`${
                 post.author
                   ? 'https://hashnode.com/@' +
                     post.author.username +
-                    '?utm_source=chrome_extension&utm_medium=extension'
+                    `?utm_source=${utmVal}&utm_medium=extension`
                   : ''
               }`}
               target='_blank'
@@ -77,7 +80,7 @@ export class PostCard extends Component {
               <a
                 href={`https://hashnode.com/post/${post.slug}-${
                   post.cuid
-                }?utm_source=chrome_extension&utm_medium=extension`}
+                }?utm_source=${utmVal}&utm_medium=extension`}
                 target='_blank'
                 className='reactions'
               >
@@ -87,7 +90,7 @@ export class PostCard extends Component {
               <a
                 href={`https://hashnode.com/post/${post.slug}-${
                   post.cuid
-                }?utm_source=chrome_extension&utm_medium=extension`}
+                }?utm_source=${utmVal}&utm_medium=extension`}
                 target='_blank'
                 className='comments'
               >

package.json

@@ -4,10 +4,10 @@
   "main": "index.js",
   "scripts": {
     "start": "parcel -d dist/web index.html",
-    "start-chrome": "parcel index.html -d ./dist/dist-chrome",
-    "build-chrome": "parcel build index.html -d ./builds/chrome && cp -R ./chrome/* ./builds/chrome",
-    "start-firefox": "parcel index.html -d ./dist/dist-firefox",
-    "build-firefox": "parcel build index.html -d ./builds/firefox && cp -R ./firefox/* ./builds/firefox",
+    "start-chrome": "browser=chrome parcel index.html -d ./dist/dist-chrome",
+    "build-chrome": "browser=chrome parcel build index.html -d ./builds/chrome && cp -R ./chrome/* ./builds/chrome",
+    "start-firefox": "browser=firefox parcel index.html -d ./dist/dist-firefox",
+    "build-firefox": "browser=firefox parcel build index.html -d ./builds/firefox && cp -R ./firefox/* ./builds/firefox",
     "build-all": "yarn build-chrome && yarn build-firefox",
     "test": "standard"
   },