Fix hard refresh on clicking tag link on product detail page

imports/plugins/core/ui/client/components/tags/tag.jsx

@@ -4,7 +4,6 @@ import classnames from "classnames";
 import Autosuggest from "react-autosuggest";
 import Velocity from "velocity-animate";
 import "velocity-animate/velocity.ui";
-import { Router } from "/client/api";
 import { i18next } from "/client/api";
 import { Button, Handle } from "/imports/plugins/core/ui/client/components";
 import { SortableItem } from "../../containers";
@@ -170,12 +169,6 @@ class Tag extends Component {
    * @return {JSX} simple tag
    */
   renderTag() {
-    const url = Router.pathFor("tag", {
-      hash: {
-        slug: this.props.tag.slug
-      }
-    });
-
     const baseClassName = classnames({
       "rui": true,
       "tag": true,
@@ -186,7 +179,7 @@ class Tag extends Component {
     return (
       <a
         className={baseClassName}
-        href={url}
+        href="#"
         onMouseOut={this.handleTagMouseOut}
         onMouseOver={this.handleTagMouseOver}
         onClick={this.handleClick}

imports/plugins/core/ui/client/components/tags/tags.jsx

@@ -2,6 +2,7 @@ import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { PropTypes as ReactionPropTypes } from "/lib/api";
 import { TagItem } from "./";
+import { Router } from "/client/api";
 import classnames from "classnames";
 
 class Tags extends Component {
@@ -63,6 +64,10 @@ class Tags extends Component {
     }
   };
 
+  handleTagClick = (event, tag) => {
+    Router.go("tag", { slug: tag.slug });
+  }
+
   hasDropdownClassName = (tag) => {
     if (this.props.hasDropdownClassName) {
       return this.props.hasDropdownClassName(tag);
@@ -103,6 +108,7 @@ class Tags extends Component {
               onTagRemove={this.handleTagRemove}
               onTagSave={this.handleTagSave}
               onTagUpdate={this.handleTagUpdate}
+              onTagClick={this.handleTagClick}
             />
             {this.props.children}
           </div>
@@ -181,6 +187,7 @@ Tags.propTypes = {
   onMoveTag: PropTypes.func,
   onNewTagSave: PropTypes.func,
   onNewTagUpdate: PropTypes.func,
+  onTagClick: PropTypes.func,
   onTagMouseOut: PropTypes.func,
   onTagMouseOver: PropTypes.func,
   onTagRemove: PropTypes.func,

imports/plugins/included/product-variant/client/templates/products/productSettings/productSettings.html

@@ -102,7 +102,7 @@ <h4 class="panel-title" data-i18n="productDetailEdit.size">Size</h4>
 <template name="productSettingsListItem">
   <div class="list-group-item product-settings-list-item {{listItemActiveClassName _id}}" data-id="{{_id}}" id="{{_id}}">
     <a
-      href="{{pdpPath}}"
+      href="#"
       data-event-category="grid"
       data-event-action="product-click"
       data-event-label="grid product click"

imports/plugins/included/product-variant/client/templates/products/productSettings/productSettings.js

@@ -73,27 +73,15 @@ Template.productSettings.helpers({
   }
 });
 
-Template.productSettingsListItem.helpers({
-  pdpPath() {
-    const product = this;
-
-    if (product) {
-      let handle = product.handle;
-
-      if (product.__published) {
-        handle = product.__published.handle;
-      }
-
-      return Reaction.Router.pathFor("product", {
-        hash: {
-          handle
-        }
-      });
-    }
-
-    return "/";
-  },
+Template.productSettingsListItem.events({
+  "click [data-event-action=product-click]": function () {
+    Reaction.Router.go("product", {
+      handle: this.handle
+    });
+  }
+});
 
+Template.productSettingsListItem.helpers({
   displayPrice() {
     if (this._id) {
       return ReactionProduct.getProductPriceRange(this._id).range;