Traffic page

src/AppRouters.jsx

@@ -25,6 +25,7 @@ import AccPWDResetPage from './views/AccPWDResetPage';
 import ProfileCompletePage from './views/ProfileCompletePage';
 import SubscribePage from './views/Subscribe'
 import StartPage from "./views/StartPage";
+import TrafficPage from "./views/TrafficPage";
 
 function AppRouters() {
     return (
@@ -47,6 +48,7 @@ function AppRouters() {
                         <Route element={<UserExist/>}>
                             <Route path={siteLinks.start} element={<StartPage/>}/>
                             <Route path={siteLinks.dash} element={<HomePage/>}/>
+                            <Route path={siteLinks.traffic} element={<TrafficPage/>}/>
                             <Route path={siteLinks.profile_complete} element={<ProfileCompletePage/>}/>
                             <Route path={siteLinks.product} element={<ProductPage/>}/>
                             <Route path={siteLinks.reports} element={<ReportsPage/>}/>

src/component/traffic/Traffic.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
+
+
+export default function Traffic(){
+
+    return(
+        <>
+            <BreadcrumbComBS title='Traffic' paths={['Dashboard', 'Site Traffic']} />
+            <div className="row">
+                <div className="vh-100 col-12 flex align-items-center">Coming Soon</div>
+            </div>
+        </>
+    )
+}

src/links/siteLinks.js

@@ -3,6 +3,7 @@ const siteLinks = {
     help: '/help',
     home: '/',
     dash: '/dash',
+    traffic: '/traffic',
     start: '/start',
     profile_complete: '/profile-complete',
     product: '/product/*',

src/views/TrafficPage.jsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import Traffic from "../component/traffic/Traffic";
+
+export default function TrafficPage() {
+    return (
+        <Traffic />
+    )
+}