product path

src/component/home/Products.jsx

@@ -2,7 +2,7 @@ import { useQuery } from '@tanstack/react-query'
 import React from 'react'
 import { productData } from '../../services/services'
 import queryKeys from '../../services/queryKeys'
-
+import productPath from "../../utils/productpath";
 export default function Products() {
 
     const {data, isFetching, isError, error} = useQuery({
@@ -37,7 +37,7 @@ export default function Products() {
                 <div className="row m-b-20">
                     {products && products.map((product, index) => (
                         <div key={product.uid+index} className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 ">
-                            <a href="/product/product_uid" >
+                            <a href={productPath(product?.uid)}  >
                                 <div className="d-flex align-items-center extraProductCard">
                                     <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
                                         <i className="fa fa-cart-plus text-primary"></i>