add product hyperlink in cart page

src/@next/components/organisms/CartRow/CartRow.tsx

@@ -1,8 +1,11 @@
 import React, { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
 
 import { Icon, IconButton } from "@components/atoms";
 import { CachedImage, TextField } from "@components/molecules";
 
+import { generateProductUrl } from "../../../../core/utils";
+
 import * as S from "./styles";
 import { IProps } from "./types";
 
@@ -39,6 +42,7 @@ export const CartRow: React.FC<IProps> = ({
   thumbnail,
   attributes = [],
   onRemove,
+  id,
 }: IProps) => {
   const [tempQuantity, setTempQuantity] = useState<string>(quantity.toString());
   const [isTooMuch, setIsTooMuch] = useState(false);
@@ -92,13 +96,19 @@ export const CartRow: React.FC<IProps> = ({
       ]
     : undefined;
 
+  const productUrl = generateProductUrl(id, name);
+
   return (
     <S.Wrapper>
       <S.Photo>
-        <CachedImage data-cy={`cartPageItem${index}Image`} {...thumbnail} />
+        <Link to={productUrl}>
+          <CachedImage data-cy={`cartPageItem${index}Image`} {...thumbnail} />
+        </Link>
       </S.Photo>
       <S.Description>
-        <S.Name data-cy={`cartPageItem${index}Name`}>{name}</S.Name>
+        <Link to={productUrl}>
+          <S.Name data-cy={`cartPageItem${index}Name`}>{name}</S.Name>
+        </Link>
         <S.Sku>
           <S.LightFont>
             SKU:{" "}

src/@next/components/organisms/CartRow/fixtures.ts

@@ -47,6 +47,7 @@ export const DEFAULT_PROPS = {
       ],
     },
   ],
+  id: "2",
   maxQuantity: 5,
   name: "The Great Square Table",
   quantity: 3,

src/@next/components/organisms/CartRow/types.ts

@@ -6,6 +6,10 @@ export interface IProps {
    * Item index
    */
   index?: number;
+  /**
+   * Id of the product
+   */
+  id: string;
   /**
    * Price for single unit
    */

src/@next/pages/CartPage/CartPage.tsx

@@ -79,6 +79,7 @@ const generateCart = (
     <CartRow
       key={id ? `id-${id}` : `idx-${index}`}
       index={index}
+      id={variant?.product?.id || ""}
       name={variant?.product?.name || ""}
       maxQuantity={variant.quantityAvailable || quantity}
       quantity={quantity}