Add link to product on cart item

1 files changed, 8 insertions, 4 deletions

diff --git a/src-migrate/modules/cart/components/ItemPromo.tsx b/src-migrate/modules/cart/components/ItemPromo.tsx
index bc507578..d355c82a 100644
--- a/src-migrate/modules/cart/components/ItemPromo.tsx
+++ b/src-migrate/modules/cart/components/ItemPromo.tsx
@@ -1,7 +1,8 @@
 import style from '../styles/item-promo.module.css'
 
 import Image from 'next/image'
-import React from 'react'
+import Link from 'next/link'
+import { createSlug } from '~/libs/slug'
 
 import { CartProduct } from '~/types/cart'
 
@@ -12,12 +13,15 @@ type Props = {
 const CartItemPromo = ({ product }: Props) => {
   return (
     <div key={product.id} className={style.wrapper}>
-      <div className={style.imageWrapper}>
+      <Link href={createSlug('/shop/product/', product.name, product.id.toString())} className={style.imageWrapper}>
         {product?.image && <Image src={product.image} alt={product.name} width={128} height={128} className={style.image} />}
-      </div>
+      </Link>
 
       <div className={style.details}>
-        <div className={style.name}>{product.display_name}</div>
+        <Link href={createSlug('/shop/product/', product.name, product.id.toString())} className={style.name}>
+          {product.display_name}
+        </Link>
+
         <div className='flex w-full'>
           <div className="flex flex-col">
             <div className={style.code}>{product.code}</div>