Merge pull request #231 from jedmund/fix-grid-rep

Fix GridRep like button and DOM nesting

components/Button/index.scss

@@ -65,7 +65,7 @@
     &.Save {
       color: #ff4d4d;
 
-      .Accessory svg {
+      &.Active .Accessory svg {
         fill: #ff4d4d;
         stroke: #ff4d4d;
       }

components/GridRep/index.tsx

@@ -150,13 +150,10 @@ const GridRep = (props: Props) => {
 
   const linkedAttribution = () => (
     <Link href={`/${props.user ? props.user.username : '#'}`}>
-      <a
+      <span className={userClass}>
-        className={userClass}
-        href={`/${props.user ? props.user.username : '#'}`}
-      >
         {userImage()}
         {props.user ? props.user.username : t('no_user')}
-      </a>
+      </span>
     </Link>
   )
 
@@ -214,16 +211,14 @@ const GridRep = (props: Props) => {
         ((props.user && account.user && account.user.id !== props.user.id) ||
           !props.user) ? (
           <Link href="#">
-            <a href="#">
+            <Button
-              <Button
+              className="Save"
-                className="Save"
+              leftAccessoryIcon={<SaveIcon className="stroke" />}
-                leftAccessoryIcon={<SaveIcon className="stroke" />}
+              active={props.favorited}
-                active={props.favorited}
+              contained={true}
-                contained={true}
+              buttonSize="small"
-                buttonSize="small"
+              onClick={sendSaveData}
-                onClick={sendSaveData}
+            />
-              />
-            </a>
           </Link>
         ) : (
           ''