oops, use client-side nav for these links!

This commit is contained in:
Emi Matchu 2020-11-24 15:05:23 -08:00
parent 65b4a05639
commit bb173552e9
2 changed files with 6 additions and 6 deletions

View file

@ -24,7 +24,7 @@ import {
import { MdPause, MdPlayArrow } from "react-icons/md"; import { MdPause, MdPlayArrow } from "react-icons/md";
import gql from "graphql-tag"; import gql from "graphql-tag";
import { useQuery, useMutation } from "@apollo/client"; 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 ItemPageLayout, { SubtleSkeleton } from "./ItemPageLayout";
import { Delay, usePageTitle } from "./util"; import { Delay, usePageTitle } from "./util";
@ -406,8 +406,8 @@ function ItemPageTradeLinks({ itemId, isEmbedded }) {
function ItemPageTradeLink({ href, count, label, colorScheme, isEmbedded }) { function ItemPageTradeLink({ href, count, label, colorScheme, isEmbedded }) {
return ( return (
<Button <Button
as="a" as={Link}
href={href} to={href}
target={isEmbedded ? "_blank" : undefined} target={isEmbedded ? "_blank" : undefined}
size="xs" size="xs"
variant="outline" variant="outline"

View file

@ -9,7 +9,7 @@ import {
} from "@chakra-ui/core"; } from "@chakra-ui/core";
import gql from "graphql-tag"; import gql from "graphql-tag";
import { useQuery } from "@apollo/client"; 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 { Heading2, usePageTitle } from "./util";
import ItemPageLayout from "./ItemPageLayout"; import ItemPageLayout from "./ItemPageLayout";
@ -295,8 +295,8 @@ function ItemTradesTableRow({
)} )}
<ItemTradesTableCell overflowWrap="break-word" fontSize="sm"> <ItemTradesTableCell overflowWrap="break-word" fontSize="sm">
<Box <Box
as="a" as={Link}
href={href} to={href}
className={css` className={css`
&:hover, &:hover,
&:focus, &:focus,