From 01f02952fd636d176a27f98ea6298ce0838fe110 Mon Sep 17 00:00:00 2001
From: StephDietz <steph.dietz@vercel.com>
Date: Thu, 13 Jul 2023 20:24:28 -0500
Subject: [PATCH] make border hover volor the default

---
 components/grid/tile.tsx                 | 5 +----
 components/layout/product-grid-items.tsx | 1 -
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/components/grid/tile.tsx b/components/grid/tile.tsx
index ca96e02dd..c039a6727 100644
--- a/components/grid/tile.tsx
+++ b/components/grid/tile.tsx
@@ -7,13 +7,11 @@ export function GridTileImage({
   active,
   labelPosition,
   labels,
-  hoverBorder,
   ...props
 }: {
   isInteractive?: boolean;
   active?: boolean;
   labelPosition?: 'bottom' | 'center';
-  hoverBorder?: boolean;
   labels?: {
     title: string;
     amount: string;
@@ -24,11 +22,10 @@ export function GridTileImage({
   return (
     <div
       className={clsx(
-        'relative flex h-full w-full items-center justify-center overflow-hidden rounded-lg border bg-white dark:bg-black',
+        'relative flex h-full w-full items-center justify-center overflow-hidden rounded-lg border bg-white hover:border-blue-600 dark:bg-black',
         active !== undefined && active
           ? 'border-2 border-blue-600'
           : 'border-gray-200 dark:border-gray-800',
-        hoverBorder && 'hover:border-blue-600',
         {
           relative: labels
         }
diff --git a/components/layout/product-grid-items.tsx b/components/layout/product-grid-items.tsx
index 02bc919af..0c0e907ed 100644
--- a/components/layout/product-grid-items.tsx
+++ b/components/layout/product-grid-items.tsx
@@ -17,7 +17,6 @@ export default function ProductGridItems({ products }: { products: Product[] })
                 amount: product.priceRange.maxVariantPrice.amount,
                 currencyCode: product.priceRange.maxVariantPrice.currencyCode
               }}
-              hoverBorder={true}
               src={product.featuredImage?.url}
               width={600}
               height={600}