Details pages

src/components/transactions/SubscriptionsCom.jsx

@@ -1,4 +1,6 @@
 import { useState } from 'react'
+import {Link} from 'react-router-dom'
+
 // import {Link} from 'react-router-dom'
 import { useQuery } from '@tanstack/react-query'
 import queryKeys from '../../services/queryKeys'
@@ -93,6 +95,9 @@ export default function SubscriptionsCom() {
                                         <th scope="col" className="px-2 text-right">
                                             Status
                                         </th>
+                                        <th scope="col" className="px-2 text-right">
+                                            Action
+                                        </th>
                                     </tr>
                                 </thead>
                                 <tbody>
@@ -122,6 +127,17 @@ export default function SubscriptionsCom() {
                                                     <div className="text-base font-semibold">{item?.status}</div>
                                                 </div> 
                                             </td>
+                                            <td className="px-2 text-right">
+                                                <div className='flex items-center justify-end gap-3 md:gap-4'>
+                                                    <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={`/subscription-view/${item?.subscription_uid}`}
+                                                              state={{customerID: item?.id, memberUID: item?.member_uid}}>
+                                                            <Icons name='eye'/>
+                                                        </Link>
+                                                    </div>
+                                                </div>
+                                            </td>
                                         </tr>
                                     ))
                                     :