From bb173552e9b97be92826cfc0aab39920623d8eb5 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Tue, 24 Nov 2020 15:05:23 -0800
Subject: [PATCH] oops, use client-side nav for these links!

---
 src/app/ItemPage.js       | 6 +++---
 src/app/ItemTradesPage.js | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/ItemPage.js b/src/app/ItemPage.js
index 1d652f3..d62f49f 100644
--- a/src/app/ItemPage.js
+++ b/src/app/ItemPage.js
@@ -24,7 +24,7 @@ import {
 import { MdPause, MdPlayArrow } from "react-icons/md";
 import gql from "graphql-tag";
 import { useQuery, useMutation } from "@apollo/client";
-import { useParams } from "react-router-dom";
+import { Link, useParams } from "react-router-dom";
 
 import ItemPageLayout, { SubtleSkeleton } from "./ItemPageLayout";
 import { Delay, usePageTitle } from "./util";
@@ -406,8 +406,8 @@ function ItemPageTradeLinks({ itemId, isEmbedded }) {
 function ItemPageTradeLink({ href, count, label, colorScheme, isEmbedded }) {
   return (
     <Button
-      as="a"
-      href={href}
+      as={Link}
+      to={href}
       target={isEmbedded ? "_blank" : undefined}
       size="xs"
       variant="outline"
diff --git a/src/app/ItemTradesPage.js b/src/app/ItemTradesPage.js
index b1fa456..c7f08dc 100644
--- a/src/app/ItemTradesPage.js
+++ b/src/app/ItemTradesPage.js
@@ -9,7 +9,7 @@ import {
 } from "@chakra-ui/core";
 import gql from "graphql-tag";
 import { useQuery } from "@apollo/client";
-import { useHistory, useParams } from "react-router-dom";
+import { Link, useHistory, useParams } from "react-router-dom";
 
 import { Heading2, usePageTitle } from "./util";
 import ItemPageLayout from "./ItemPageLayout";
@@ -295,8 +295,8 @@ function ItemTradesTableRow({
       )}
       <ItemTradesTableCell overflowWrap="break-word" fontSize="sm">
         <Box
-          as="a"
-          href={href}
+          as={Link}
+          to={href}
           className={css`
             &:hover,
             &:focus,