product View

src/components/products/ProductsCom.jsx

@@ -1,7 +1,7 @@
 import {useState} from 'react'
 import {useQuery} from '@tanstack/react-query'
 import queryKeys from '../../services/queryKeys'
-
+import {Link} from 'react-router-dom'
 import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
 import TablePaginatedWrapper from '../tableWrapper/TablePaginatedWrapper'
 import Icons from '../Icons'
@@ -135,9 +135,17 @@ export default function ProductsCom() {
                                                         </div>
                                                     </td>
                                                     <td className="px-2">
-                                                        <div className="text-right">
-                                                            <div className="text-base font-semibold">[---]</div>
+
+                                                        <div
+                                                            className='p-2 flex justify-center items-center text-slate-500 bg-white-body dark:text-white-body dark:bg-black-body rounded-md'>
+                                                            <Link to={`/product-view/${item?.product_id}`}>
+                                                                <Icons name='eye'/>
+                                                            </Link>
                                                         </div>
+
+                                                        {/*<div className="text-right">*/}
+                                                        {/*    <div className="text-base font-semibold">[---]</div>*/}
+                                                        {/*</div>*/}
                                                     </td>
                                                 </tr>
                                             ))