Subscribe and payment starter

src/AppRouters.jsx

@@ -23,7 +23,7 @@ import SubscriptionPage from './views/SubscriptionPage';
 import OnboardPage from "./views/OnboardPage";
 import AccPWDResetPage from './views/AccPWDResetPage';
 import ProfileCompletePage from './views/ProfileCompletePage';
-
+import  SubscribePage from './views/Subscribe'
 
 function AppRouters() {
   return (
@@ -55,6 +55,7 @@ function AppRouters() {
               <Route path={siteLinks.onboard} element={<OnboardPage />} />
               <Route path={siteLinks.calendar} element={<CalendarPage />} />
               <Route path={siteLinks.settings} element={<SettingsPage />} />
+              <Route path={siteLinks.subscribe} element={<SubscribePage />} />
               <Route path={siteLinks.help} element={<HelpPage />} />
             </Route>
           </Route>

src/component/subscription/Subscription.jsx

@@ -4,9 +4,11 @@ import getImage from "../../utils/getImage";
 import { getSubscriptions } from '../../services/services';
 import { useQuery } from '@tanstack/react-query';
 import queryKeys from '../../services/queryKeys';
+import siteLinks from "../../links/siteLinks";
+import { Link, useNavigate } from 'react-router-dom'
 
 export default function Subscription() {
-
+    const navigate = useNavigate()
     const pricingFields ={
         starter: { name: 'Starter', price:  5.99, active: true },
         basic:   { name: 'Basic',   price: 12.99, active: true },
@@ -71,7 +73,7 @@ export default function Subscription() {
                                             ))}
                                         </ul>
                                     <div className="pt-2">
-                                        <button className="btn btn-inverse-secondary btn-round btn-sm">Go {value.display_name}</button>
+                                        <button  onClick={()=>{navigate(siteLinks.subscribe)}} className="btn btn-inverse-secondary btn-round btn-sm">Go {value.display_name}</button>
                                     </div>
                                 </div>
                             </div>
@@ -85,4 +87,4 @@ export default function Subscription() {
         }
         </>
     )
-}
+}

src/links/siteLinks.js

@@ -9,6 +9,7 @@ const siteLinks = {
     comments: '/comments',
     reports: '/reports',
     subscription: '/subscription',
+    subscribe: '/subscribe',
     onboard: '/subscription',
     user: '/user',
     calendar: '/calendar',

src/views/Subscribe.jsx

@@ -0,0 +1,8 @@
+import React from 'react'
+//import Signup2 from '../component/auth/Signup2'
+
+export default function SubscribePage() {
+    return (
+        <>Subscribe Payment Start</>
+    )
+}