scroll to top when clicking an other product in /product

khanghy2130 · Oct 10, 2024 · bd6b53c · bd6b53c
1 parent 96bcf4a
commit bd6b53c
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/app/routes/product.$productID/other_products/OtherProductCard.tsx b/app/routes/product.$productID/other_products/OtherProductCard.tsx
@@ -41,6 +41,9 @@ export default function OtherProductCard({ product }: Props) {
             <Link
                 to={`/product/${product.id}`}
                 className="flex h-full w-full flex-col overflow-hidden rounded-lg bg-bgColor2 shadow-md sm:rounded-xl"
+                onClick={() => {
+                    window.scrollTo({ top: 0, behavior: "smooth" });
+                }}
             >
                 <div className="relative flex aspect-square w-full cursor-pointer items-center justify-center">
                     {imgName === null ? (