Notes

import React, { useRef } from "react";
import { BrowserRouter as Router, Routes, Route, Navigate } from "react-router-dom";
import { AuthenticatedTemplate, UnauthenticatedTemplate } from "@azure/msal-react"; // Assuming you use Azure for authentication
import useAxiosInterceptor from "./hooks/useAxiosInterceptor"; // Assuming this is a custom hook
import ToastContainer from "./ToastContainer"; // Import the ToastContainer

// Import your components
import Header from "./components/Header";
import NotificationContainer from "./components/NotificationContainer";
import AdjustmentCalculation from "./pages/AdjustmentCalculation";
import PreviewSummary from "./pages/PreviewSummary";
import ReviewPremium from "./pages/ReviewPremium";
import Checkout from "./pages/Checkout";
import TwoCheckoutitem from "./pages/TwoCheckoutitem";
import CheckoutOrder from "./pages/CheckoutOrder";
import NotFoundPage from "./pages/NotFoundPage";
import AboutYourSelf from "./pages/AboutYourSelf";
import Account from "./pages/Account";
import ReviewAdjustment from "./pages/ReviewAdjustment";
import SupportHomepage from "./pages/SupportHomepage";
import Login from "./pages/Login";
import PolicyDashboard from "./pages/PolicyDashboard";
import Policydetails from "./pages/Policydetails";
import CalculatePremium from "./pages/CalculatePremium";

const App = () => {
const toastContainerRef = useRef(); // Create a reference for the ToastContainer

// Initialize Axios Interceptor (assuming it's a custom hook for intercepting API requests)
useAxiosInterceptor();

// Trigger Toast from anywhere in your app
const triggerToast = (message, type = "info") => {
toastContainerRef.current.addToast(message, type); // Add toast notification
};

return (
<>
{/* Authenticated Template */}
<AuthenticatedTemplate>
<Router>
<Header />
<ToastContainer ref={toastContainerRef} /> {/* Toast Container for global notifications */}
<NotificationContainer /> {/* Custom notification component, if any */}
<Routes>
<Route path="/adjustmentcalculation" element={<AdjustmentCalculation />} />
<Route path="/previewsummary" element={<PreviewSummary />} />
<Route path="/calculatepremium/reviewpremium" element={<ReviewPremium />} />
<Route path="/Checkout" element={<Checkout />} />
<Route path="/TwoCheckoutitem" element={<TwoCheckoutitem />} />
<Route path="/checkoutorder" element={<CheckoutOrder />} />
<Route path="/notfoundpage" element={<NotFoundPage />} />
<Route path="/aboutYourself" element={<AboutYourSelf />} />
<Route path="/account" element={<Account />} />
<Route path="/adjustmentcalculation/reviewadjustment" element={<ReviewAdjustment />} />
<Route path="/SupportHomepage" element={<SupportHomepage />} />
{/* Other routes */}
</Routes>
</Router>
</AuthenticatedTemplate>

{/* Unauthenticated Template */}
<UnauthenticatedTemplate>
<Router>
<Routes>
<Route path="/" element={<Login />} />
<Route path="*" element={<Navigate to="/" />} />
</Routes>
</Router>
</UnauthenticatedTemplate>
</>
);
};

export default App;