diff --git a/app/javascript/wardrobe-2020/ItemPage.js b/app/javascript/wardrobe-2020/ItemPage.js
index 3a7bfc45..dd80b2e6 100644
--- a/app/javascript/wardrobe-2020/ItemPage.js
+++ b/app/javascript/wardrobe-2020/ItemPage.js
@@ -33,7 +33,6 @@ import {
import { MdPause, MdPlayArrow } from "react-icons/md";
import gql from "graphql-tag";
import { useQuery, useMutation } from "@apollo/client";
-import Link from "next/link";
import ItemPageLayout, { SubtleSkeleton } from "./ItemPageLayout";
import {
@@ -712,31 +711,30 @@ function ItemPageTradeLinks({ itemId, isEmbedded }) {
function ItemPageTradeLink({ href, count, label, colorScheme, isEmbedded }) {
return (
-
-
);
}
@@ -1181,11 +1179,7 @@ function CustomizeMoreButton({ speciesId, colorId, pose, itemId, isDisabled }) {
function LinkOrButton({ href, ...props }) {
if (href != null) {
- return (
-
-
-
- );
+ return ;
} else {
return ;
}
diff --git a/app/javascript/wardrobe-2020/WardrobePage/Item.js b/app/javascript/wardrobe-2020/WardrobePage/Item.js
index a2dc7e55..fd5caa2c 100644
--- a/app/javascript/wardrobe-2020/WardrobePage/Item.js
+++ b/app/javascript/wardrobe-2020/WardrobePage/Item.js
@@ -10,7 +10,6 @@ import {
useTheme,
} from "@chakra-ui/react";
import { EditIcon, DeleteIcon, InfoIcon } from "@chakra-ui/icons";
-import Link from "next/link";
import { loadable } from "../util";
import {
@@ -289,11 +288,7 @@ function ItemActionButton({ icon, label, to, onClick }) {
function LinkOrButton({ href, component = Button, ...props }) {
const ButtonComponent = component;
if (href != null) {
- return (
-
-
-
- );
+ return ;
} else {
return ;
}
diff --git a/app/javascript/wardrobe-2020/WardrobePage/OutfitControls.js b/app/javascript/wardrobe-2020/WardrobePage/OutfitControls.js
index a9c69697..b931c400 100644
--- a/app/javascript/wardrobe-2020/WardrobePage/OutfitControls.js
+++ b/app/javascript/wardrobe-2020/WardrobePage/OutfitControls.js
@@ -33,7 +33,6 @@ import {
SettingsIcon,
} from "@chakra-ui/icons";
import { MdPause, MdPlayArrow } from "react-icons/md";
-import Link from "next/link";
import { getBestImageUrlForLayer } from "../components/OutfitPreview";
import HTML5Badge, { layerUsesHTML5 } from "../components/HTML5Badge";
@@ -320,15 +319,14 @@ function BackButton({ outfitState }) {
outfitState.creator && outfitState.creator.id === currentUser.id;
return (
-
- }
- aria-label="Leave this outfit"
- d="inline-flex" // Not sure why requires this to style right! ^^`
- data-test-id="wardrobe-nav-back-button"
- />
-
+ }
+ aria-label="Leave this outfit"
+ d="inline-flex" // Not sure why requires this to style right! ^^`
+ data-test-id="wardrobe-nav-back-button"
+ />
);
}
diff --git a/app/javascript/wardrobe-2020/components/ItemCard.js b/app/javascript/wardrobe-2020/components/ItemCard.js
index b87237ec..583168e2 100644
--- a/app/javascript/wardrobe-2020/components/ItemCard.js
+++ b/app/javascript/wardrobe-2020/components/ItemCard.js
@@ -17,7 +17,6 @@ import {
StarIcon,
} from "@chakra-ui/icons";
import { HiSparkles } from "react-icons/hi";
-import Link from "next/link";
import SquareItemCard from "./SquareItemCard";
import { safeImageUrl, useCommonStyles } from "../util";
@@ -31,27 +30,26 @@ function ItemCard({ item, badges, variant = "list", ...props }) {
return ;
case "list":
return (
-
-
-
-
-
+
+
+
);
default:
throw new Error(`Unexpected ItemCard variant: ${variant}`);
diff --git a/app/javascript/wardrobe-2020/components/PaginationToolbar.js b/app/javascript/wardrobe-2020/components/PaginationToolbar.js
index 2ba0b47a..bf600b45 100644
--- a/app/javascript/wardrobe-2020/components/PaginationToolbar.js
+++ b/app/javascript/wardrobe-2020/components/PaginationToolbar.js
@@ -1,6 +1,5 @@
import React from "react";
import { Box, Button, Flex, Select } from "@chakra-ui/react";
-import Link from "next/link";
import { useRouter } from "next/router";
function PaginationToolbar({
@@ -109,11 +108,7 @@ export function useRouterPagination(totalCount, numPerPage) {
function LinkOrButton({ href, ...props }) {
if (href != null) {
- return (
-
-
-
- );
+ return ;
} else {
return ;
}
diff --git a/app/javascript/wardrobe-2020/components/SquareItemCard.js b/app/javascript/wardrobe-2020/components/SquareItemCard.js
index 1ed643a9..f4caf56b 100644
--- a/app/javascript/wardrobe-2020/components/SquareItemCard.js
+++ b/app/javascript/wardrobe-2020/components/SquareItemCard.js
@@ -8,7 +8,6 @@ import {
useToken,
} from "@chakra-ui/react";
import { ClassNames } from "@emotion/react";
-import Link from "next/link";
import { safeImageUrl, useCommonStyles } from "../util";
import { CheckIcon, CloseIcon, StarIcon } from "@chakra-ui/icons";
@@ -27,10 +26,8 @@ function SquareItemCard({
const tradeMatchOwnShadowColor = useColorModeValue("green.500", "green.200");
const tradeMatchWantShadowColor = useColorModeValue("blue.400", "blue.200");
- const [
- tradeMatchOwnShadowColorValue,
- tradeMatchWantShadowColorValue,
- ] = useToken("colors", [tradeMatchOwnShadowColor, tradeMatchWantShadowColor]);
+ const [tradeMatchOwnShadowColorValue, tradeMatchWantShadowColorValue] =
+ useToken("colors", [tradeMatchOwnShadowColor, tradeMatchWantShadowColor]);
// When this is a trade match, give it an extra colorful shadow highlight so
// it stands out! (They'll generally be sorted to the front anyway, but this
@@ -58,41 +55,40 @@ function SquareItemCard({
`}
role="group"
>
-
-
-
- }
- removeButton={
- showRemoveButton ? (
-
- ) : null
- }
- boxShadow={tradeMatchShadow}
- footer={footer}
- />
-
-
+
+
+ }
+ removeButton={
+ showRemoveButton ? (
+
+ ) : null
+ }
+ boxShadow={tradeMatchShadow}
+ footer={footer}
+ />
+
{showRemoveButton && (