Merge pull request #161 from akankshat05/vote

fixed vote button

Author: mharshita

src/assets/scss/components/vote.scss

@@ -27,18 +27,21 @@
 
 .vote-button {
   color: $eos-white;
+  cursor: pointer;
   font-weight: bold;
   margin: 4px 8px;
 
-  &-clickable {
-    cursor: pointer;
-  }
-
   .eos-icons {
     margin: 0px 4px 0px 4px;
   }
 }
 
+.vote-link {
+  color: $eos-white;
+  font-weight: bold;
+  text-decoration: none;
+}
+
 @media (max-width: 900px) {
   .vote-wrapper {
     align-items: center;

src/components/Vote.js

@@ -73,13 +73,22 @@ const Vote = (props) => {
         {votes}
       </div>
       <div
-        className={`vote-button ${userId ? 'vote-button-clickable' : ''}`}
+        className='vote-button'
         onClick={() => {
           if (userId && !voteClicked) updateVote(story)
         }}
       >
-        <EOS_THUMB_UP className='eos-icons' color='white' />
-        Vote
+        {!userId ? (
+          <Link className='vote-link' to='/login'>
+            <EOS_THUMB_UP className='eos-icons' color='white' />
+            Vote
+          </Link>
+        ) : (
+          <>
+            <EOS_THUMB_UP className='eos-icons' color='white' />
+            Vote
+          </>
+        )}
       </div>
       {isOpen && (
         <Modal