From 3811fb3807714f9406b0d9d287d7202a3c02dd5f Mon Sep 17 00:00:00 2001
From: Michael Novotny <manovotny@gmail.com>
Date: Wed, 2 Aug 2023 20:22:08 -0500
Subject: [PATCH] Fix lints

---
 app/product/[handle]/page.tsx | 11 +++++------
 components/carousel.tsx       | 11 +++++------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/app/product/[handle]/page.tsx b/app/product/[handle]/page.tsx
index f2720137d..d59423364 100644
--- a/app/product/[handle]/page.tsx
+++ b/app/product/[handle]/page.tsx
@@ -117,12 +117,11 @@ async function RelatedProducts({ id }: { id: string }) {
       <h2 className="mb-4 text-2xl font-bold">Related Products</h2>
       <ul className="flex w-full gap-4 overflow-x-auto pt-1">
         {relatedProducts.map((product) => (
-          <li className="aspect-square w-full flex-none min-[475px]:w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/5">
-            <Link
-              key={product.handle}
-              className="relative h-full w-full"
-              href={`/product/${product.handle}`}
-            >
+          <li
+            key={product.handle}
+            className="aspect-square w-full flex-none min-[475px]:w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/5"
+          >
+            <Link className="relative h-full w-full" href={`/product/${product.handle}`}>
               <GridTileImage
                 alt={product.title}
                 label={{
diff --git a/components/carousel.tsx b/components/carousel.tsx
index ceb48703c..a4c58bd5d 100644
--- a/components/carousel.tsx
+++ b/components/carousel.tsx
@@ -12,12 +12,11 @@ export async function Carousel() {
     <div className=" w-full overflow-x-auto pb-6 pt-1">
       <ul className="flex animate-carousel gap-4">
         {[...products, ...products].map((product, i) => (
-          <li className="relative aspect-square h-[30vh] max-h-[275px] w-2/3 max-w-[475px] flex-none md:w-1/3">
-            <Link
-              key={`${product.handle}${i}`}
-              href={`/product/${product.handle}`}
-              className="relative h-full w-full"
-            >
+          <li
+            key={`${product.handle}${i}`}
+            className="relative aspect-square h-[30vh] max-h-[275px] w-2/3 max-w-[475px] flex-none md:w-1/3"
+          >
+            <Link href={`/product/${product.handle}`} className="relative h-full w-full">
               <GridTileImage
                 alt={product.title}
                 label={{