From 1376e95f84629e169159b2d9fb2d13aeb6708221 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Thu, 14 Jan 2021 05:33:16 -0800
Subject: [PATCH] bug fixes for new ItemCard

Oops, I messed up the background color in dark mode! and left in an extra `as` prop
---
 src/app/components/ItemCard.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/components/ItemCard.js b/src/app/components/ItemCard.js
index 1915425..b167a9e 100644
--- a/src/app/components/ItemCard.js
+++ b/src/app/components/ItemCard.js
@@ -9,6 +9,7 @@ import {
   WrapItem,
   useColorModeValue,
   useTheme,
+  useToken,
 } from "@chakra-ui/react";
 import { CheckIcon, NotAllowedIcon, StarIcon } from "@chakra-ui/icons";
 import { HiSparkles } from "react-icons/hi";
@@ -18,6 +19,7 @@ import { safeImageUrl, useCommonStyles } from "../util";
 
 function ItemCard({ item, badges, variant = "list", ...props }) {
   const { brightBackground } = useCommonStyles();
+  const brightBackgroundValue = useToken("colors", brightBackground);
   const theme = useTheme();
 
   switch (variant) {
@@ -28,7 +30,6 @@ function ItemCard({ item, badges, variant = "list", ...props }) {
         <ClassNames>
           {({ css }) => (
             <Link
-              as={Link}
               to={`/items/${item.id}`}
               className={css`
                 transition: all 0.2s;
@@ -52,7 +53,7 @@ function ItemCard({ item, badges, variant = "list", ...props }) {
                   border-radius: ${theme.radii.md};
                   padding: ${theme.space["3"]};
                   width: calc(80px + 2em);
-                  background: ${brightBackground};
+                  background: ${brightBackgroundValue};
                 `}
               >
                 <img