| 1 |
import { Provider } from 'react-redux'; |
| 2 |
import { HashRouter, Route, Routes } from 'react-router'; |
| 3 |
import ScrollToTop from '../Main/components/ScrollTop'; |
| 4 |
import { store } from './app/store'; |
| 5 |
import AnalyticsLayout from './components/layout/AnalyticsLayout'; |
| 6 |
import CampaignDetails from './pages/CampaignDetails'; |
| 7 |
import CampaignReports from './pages/CampaignsReports'; |
| 8 |
import CustomerDetails from './pages/CustomerDetails'; |
| 9 |
import Customers from './pages/Customers'; |
| 10 |
import Dashboard from './pages/Dashboard'; |
| 11 |
import NotFound from './pages/NotFound'; |
| 12 |
import Orders from './pages/Orders'; |
| 13 |
import Products from './pages/Products'; |
| 14 |
|
| 15 |
export default function App() { |
| 16 |
return ( |
| 17 |
<Provider store={store}> |
| 18 |
<HashRouter basename="/"> |
| 19 |
<ScrollToTop /> |
| 20 |
<Routes> |
| 21 |
<Route path="/" element={<AnalyticsLayout />}> |
| 22 |
<Route index element={<Dashboard />} /> |
| 23 |
<Route |
| 24 |
path="/campaigns-reports" |
| 25 |
element={<CampaignReports />} |
| 26 |
/> |
| 27 |
<Route |
| 28 |
path="/campaigns-reports/:campaignId" |
| 29 |
element={<CampaignDetails />} |
| 30 |
/> |
| 31 |
<Route path="/products" element={<Products />} /> |
| 32 |
<Route |
| 33 |
path="/products/:productId" |
| 34 |
element={<Products />} |
| 35 |
/> |
| 36 |
<Route path="/orders" element={<Orders />} /> |
| 37 |
<Route path="/customers" element={<Customers />} /> |
| 38 |
<Route |
| 39 |
path="/customers/:customerId" |
| 40 |
element={<CustomerDetails />} |
| 41 |
/> |
| 42 |
<Route path="*" element={<NotFound />} /> |
| 43 |
</Route> |
| 44 |
</Routes> |
| 45 |
</HashRouter> |
| 46 |
</Provider> |
| 47 |
); |
| 48 |
} |
| 49 |
|
