Remove href attribures (#73)

* Remove href attribures as they are not need and cause problems with routing

* set cursor: pointer to get anchor tag behavior

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
 *.log
 .vscode
-storybook-static
+storybook-static
+*.swp

src/CategoriesNav/index.js

@@ -9,7 +9,7 @@ function CategoriesNav({onClick}) {
     return (
         <nav>{
             categories.map((category, index) => (
-                <a href="#!" className={category.name} key={index} onClick={(e) => onClick(e, index)}>
+                <a className={category.name} key={index} onClick={(e) => onClick(e, index)}>
                     <i/>
                     <span className="hidden">{category.name}</span>
                 </a>

src/DiversityPicker/index.js

@@ -30,8 +30,7 @@ function DiversityPicker({ index, assetPath, emojiResolution, onEmojiClick, clos
             diversities && diversities.map((diversity) => {
                 const style = bgImage({ unified: diversity, assetPath, emojiResolution });
                 return (
-                    <a href="#!"
-                        key={diversity}
+                    <a key={diversity}
                         style={style}
                         className="emoji"
                         onClick={((e) => onClick(diversity, e))}/>

src/Emoji/index.js

@@ -111,8 +111,7 @@ class Emoji extends Component {
         style.order = emoji.order;
 
         return (
-            <a href="#!"
-                className={className}
+            <a className={className}
                 onClick={this.onClick}
                 onMouseEnter={this.onMouseEnter}
                 onMouseLeave={this.onMouseLeave}

src/EmojiPicker/style.scss

@@ -20,6 +20,7 @@
 
     a {
         outline: none;
+        cursor: pointer;
     }
 
     ul {

src/SkinTones/index.js

@@ -30,7 +30,7 @@ function SkinTones({onModifierClick, activeModifier, spread }) {
 
                 return (
                     <li className={modifierClass} style={style} key={modifier}>
-                        <a href="#!" className="st" onClick={(e) => onModifierClick(e, modifier)}></a>
+                        <a className="st" onClick={(e) => onModifierClick(e, modifier)}></a>
                     </li>
                 );
             })}

src/constants/index.js

@@ -1,6 +1,6 @@
 import { keywords } from '../emoji-data';
 import keywordsSingleChar from '../SearchBar/helpers/init_keywords_single';
-import * as scss from '../base.scss';
+import * as scss from '../base.scss'; // eslint-disable-line no-unused-vars
 
 // view
 export const MIN_SCROLLBAR_HEIGHT_PADDED = 15;