WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Added lazy loading

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-11-20 21:13:28 -05:00
parent 334357bdc1
commit 55c99f1c33
2 changed files with 122 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Routers.jsx
+118 -58
View File
@@ -1,4 +1,8 @@
import { Route, Routes } from "react-router-dom"; import { Route, Routes } from "react-router-dom";
import { lazy } from "react";
import LoginPage from "./views/LoginPage";
import FourZeroFour from "./components/FourZeroFour"; import FourZeroFour from "./components/FourZeroFour";
import ScrollToTop from "./components/Helpers/ScrollToTop"; import ScrollToTop from "./components/Helpers/ScrollToTop";
import StartJob from "./components/MyJobs/StartJob"; import StartJob from "./components/MyJobs/StartJob";
@@ -12,72 +16,128 @@ import BlogPage from "./views/BlogPage";
import CalendarPage from "./views/CalendarPage"; import CalendarPage from "./views/CalendarPage";
import CollectionItemPage from "./views/CollectionItemPage"; import CollectionItemPage from "./views/CollectionItemPage";
import FacebookRedirect from "./views/FacebookRedirect"; import FacebookRedirect from "./views/FacebookRedirect";
import FamilyAccPage from "./views/FamilyAccPage";
import FamilyManagePage from "./views/FamilyManagePage"; import FamilyManagePage from "./views/FamilyManagePage";
import FamilyMarketPage from "./views/FamilyMarketPage"; import FamilyMarketPage from "./views/FamilyMarketPage";
import FamilySettingsPage from "./views/FamilySettingsPage";
import ForgotPasswordPages from "./views/ForgotPasswordPages"; // import ForgotPasswordPages from "./views/ForgotPasswordPages";
import ForgotPasswordPagesTwo from "./views/ForgotPasswordPagesTwo"; // import ForgotPasswordPagesTwo from "./views/ForgotPasswordPagesTwo";
import HistoryPage from "./views/HistoryPage"; // import HistoryPage from "./views/HistoryPage";
import HomePages from "./views/HomePages"; // import HomePages from "./views/HomePages";
import JobGroupsPage from "./views/JobGroupsPage"; // import JobGroupsPage from "./views/JobGroupsPage";
import LndPage from "./views/LndPage"; // import LndPage from "./views/LndPage";
import LoginPage from "./views/LoginPage"; // import LoginPageTwo from "./views/LoginPageTwo";
import LoginPageTwo from "./views/LoginPageTwo"; // import LoginLandingPage from './views/LoginLandingPage'
import LoginLandingPage from './views/LoginLandingPage' // import ManageActiveJobs from "./views/ManageActiveJobs";
import ManageActiveJobs from "./views/ManageActiveJobs"; // import ManageInterestOfferPage from "./views/ManageInterestOfferPage";
import ManageInterestOfferPage from "./views/ManageInterestOfferPage"; // import MarketPlacePage from "./views/MarketPlacePage";
import MarketPlacePage from "./views/MarketPlacePage"; // import MyActiveJobsPage from "./views/MyActiveJobsPage";
import MyActiveJobsPage from "./views/MyActiveJobsPage"; // import MyCouponPage from "./views/MyCouponPage";
import MyCouponPage from "./views/MyCouponPage"; // import MyJobsPage from "./views/MyJobsPage";
import MyJobsPage from "./views/MyJobsPage"; // import MyOffersPage from "./views/MyOffersPage";
import MyOffersPage from "./views/MyOffersPage"; // import MyPastDueJobsPage from "./views/MyPastDueJobsPage";
import MyPastDueJobsPage from "./views/MyPastDueJobsPage"; // import MyReviewDueJobsPage from "./views/MyReviewDueJobsPage";
import MyReviewDueJobsPage from "./views/MyReviewDueJobsPage"; // import MyTaskPage from "./views/MyTaskPage";
import MyTaskPage from "./views/MyTaskPage"; // import MyWaitingJobsPage from "./views/MyWaitingJobsPage";
import MyWaitingJobsPage from "./views/MyWaitingJobsPage"; // import MyWalletPage from "./views/MyWalletPage";
import MyWalletPage from "./views/MyWalletPage"; // import OffersInterestPage from "./views/OffersInterestPage";
import OffersInterestPage from "./views/OffersInterestPage"; // import ReferralPage from "./views/ReferralPage";
import ReferralPage from "./views/ReferralPage"; // import RemindersPage from "./views/RemindersPage";
import RemindersPage from "./views/RemindersPage"; // import ResourcePage from "./views/ResourcePage";
import ResourcePage from "./views/ResourcePage"; // import SavedPage from "./views/SavedPage";
import SavedPage from "./views/SavedPage"; // import SellPage from "./views/SellPage";
import SellPage from "./views/SellPage"; // import SettingsPage from "./views/SettingsPage";
import SettingsPage from "./views/SettingsPage"; // import SignupPage from "./views/SignupPage";
import SignupPage from "./views/SignupPage"; // import SignupPageTwo from "./views/SignupPageTwo";
import SignupPageTwo from "./views/SignupPageTwo"; // import TrackingPage from "./views/TrackingPage";
import TrackingPage from "./views/TrackingPage"; // import UpdatePasswordPages from "./views/UpdatePasswordPages";
import UpdatePasswordPages from "./views/UpdatePasswordPages"; // import UpdatePasswordPagesTwo from "./views/UpdatePasswordPagesTwo";
import UpdatePasswordPagesTwo from "./views/UpdatePasswordPagesTwo";
import UploadProductPage from "./views/UploadProductPage"; //==import FamilyAccPage from "./views/FamilyAccPage";
import UserProfilePage from "./views/UserProfilePage"; //==import FamilySettingsPage from "./views/FamilySettingsPage";
import VerifyLinkPages from "./views/VerifyLinkPages";
import VerifyLinkPagesTwo from "./views/VerifyLinkPagesTwo"; // import UploadProductPage from "./views/UploadProductPage";
import VerifyPasswordPages from "./views/VerifyPasswordPages"; // import UserProfilePage from "./views/UserProfilePage";
import VerifyPasswordPagesTwo from "./views/VerifyPasswordPagesTwo"; // import VerifyLinkPages from "./views/VerifyLinkPages";
import VerifyYouPages from "./views/VerifyYouPages"; // import VerifyLinkPagesTwo from "./views/VerifyLinkPagesTwo";
import VerifyYouPagesTwo from "./views/VerifyYouPagesTwo"; // import VerifyPasswordPages from "./views/VerifyPasswordPages";
import YourPages from "./views/YourPage_"; // import VerifyPasswordPagesTwo from "./views/VerifyPasswordPagesTwo";
import ParentWaitingPage from "./views/ParentWaitingPage"; // import VerifyYouPages from "./views/VerifyYouPages";
import FamilyPendingOfferPage from "./views/FamilyPendingOfferPage"; // import VerifyYouPagesTwo from "./views/VerifyYouPagesTwo";
import FamBlogPage from "./views/FamBlogPage" // import YourPages from "./views/YourPage_";
import FamAIQuestionPage from "./views/FamAIQuestionPage" // import ParentWaitingPage from "./views/ParentWaitingPage";
import FamMyFilesPage from "./views/FamMyFilesPage" // import FamilyPendingOfferPage from "./views/FamilyPendingOfferPage";
import FamWorkInProgressPage from "./views/FamWorkInProgressPage"; // import FamBlogPage from "./views/FamBlogPage"
import MyPastDueTasksPage from "./views/MyPastDueTasksPage"; // import FamAIQuestionPage from "./views/FamAIQuestionPage"
import FamilyWalletPage from "./views/FamilyWalletPage"; // import FamMyFilesPage from "./views/FamMyFilesPage"
import FamilyActivitiesPage from "./views/FamilyActivitiesPage"; // import FamWorkInProgressPage from "./views/FamWorkInProgressPage";
import FamGamesPage from "./views/FamGamesPage"; // import MyPastDueTasksPage from "./views/MyPastDueTasksPage";
import FamilyRoutesPage from "./views/FamilyRoutesPage"; // import FamilyWalletPage from "./views/FamilyWalletPage";
import PromoPage from "./views/PromoPage"; //import FamilyActivitiesPage from "./views/FamilyActivitiesPage";
import LearnMorePage from "./views/LearnMorePage"; //import FamGamesPage from "./views/FamGamesPage";
//import FamilyRoutesPage from "./views/FamilyRoutesPage";
//import PromoPage from "./views/PromoPage";
//import LearnMorePage from "./views/LearnMorePage";
const ForgotPasswordPages = lazy(()=> import("./views/ForgotPasswordPages"));
const ForgotPasswordPagesTwo = lazy(()=> import("./views/ForgotPasswordPagesTwo"));
const HistoryPage = lazy(()=> import("./views/HistoryPage"));
const HomePages = lazy(()=> import("./views/HomePages"));
const JobGroupsPage = lazy(()=> import("./views/JobGroupsPage"));
const LndPage = lazy(()=> import("./views/LndPage"));
const LoginPageTwo = lazy(()=> import("./views/LoginPageTwo"));
const LoginLandingPage = lazy( () =>import("./views/LoginLandingPage"));
const ManageActiveJobs = lazy(()=> import("./views/ManageActiveJobs"));
const ManageInterestOfferPage = lazy(()=> import("./views/ManageInterestOfferPage"));
const MarketPlacePage = lazy(()=> import("./views/MarketPlacePage"));
const MyActiveJobsPage = lazy(()=> import("./views/MyActiveJobsPage"));
const MyCouponPage = lazy(()=> import("./views/MyCouponPage"));
const MyJobsPage = lazy(()=> import("./views/MyJobsPage"));
const MyOffersPage = lazy(()=> import("./views/MyOffersPage"));
const MyPastDueJobsPage = lazy(()=> import("./views/MyPastDueJobsPage"));
const MyReviewDueJobsPage = lazy(()=> import("./views/MyReviewDueJobsPage"));
const MyTaskPage = lazy(()=> import("./views/MyTaskPage"));
const MyWaitingJobsPage = lazy(()=> import("./views/MyWaitingJobsPage"));
const MyWalletPage = lazy(()=> import("./views/MyWalletPage"));
const OffersInterestPage = lazy(()=> import("./views/OffersInterestPage"));
const ReferralPage = lazy(()=> import("./views/ReferralPage"));
const RemindersPage = lazy(()=> import("./views/RemindersPage"));
const ResourcePage = lazy(()=> import("./views/ResourcePage"));
const SavedPage = lazy(()=> import("./views/SavedPage"));
const SellPage = lazy(()=> import("./views/SellPage"));
const SettingsPage = lazy(()=> import("./views/SettingsPage"));
const SignupPage = lazy(()=> import("./views/SignupPage"));
const SignupPageTwo = lazy(()=> import("./views/SignupPageTwo"));
const TrackingPage = lazy(()=> import("./views/TrackingPage"));
const UpdatePasswordPages = lazy(()=> import("./views/UpdatePasswordPages"));
const UpdatePasswordPagesTwo = lazy(()=> import("./views/UpdatePasswordPagesTwo"));
const UploadProductPage = lazy(()=> import("./views/UploadProductPage"));
const UserProfilePage = lazy(()=> import("./views/UserProfilePage"));
const VerifyLinkPages = lazy(()=> import("./views/VerifyLinkPages"));
const VerifyLinkPagesTwo = lazy(()=> import("./views/VerifyLinkPagesTwo"));
const VerifyPasswordPages = lazy(()=> import("./views/VerifyPasswordPages"));
const VerifyPasswordPagesTwo = lazy(()=> import("./views/VerifyPasswordPagesTwo"));
const VerifyYouPages = lazy(()=> import("./views/VerifyYouPages"));
const VerifyYouPagesTwo = lazy(()=> import("./views/VerifyYouPagesTwo"));
const YourPages = lazy(()=> import("./views/YourPage_"));
const ParentWaitingPage = lazy(()=> import("./views/ParentWaitingPage"));
const FamilyPendingOfferPage = lazy(()=> import("./views/FamilyPendingOfferPage"));
const FamBlogPage = lazy(()=> import("./views/FamBlogPage"));
const FamAIQuestionPage = lazy(()=> import("./views/FamAIQuestionPage"));
const FamMyFilesPage = lazy(()=> import("./views/FamMyFilesPage"));
const FamWorkInProgressPage = lazy(()=> import("./views/FamWorkInProgressPage"));
const MyPastDueTasksPage = lazy(()=> import("./views/MyPastDueTasksPage"));
const FamilyWalletPage = lazy(()=> import("./views/FamilyWalletPage"));
const LearnMorePage = lazy(()=> import("./views/LearnMorePage"));
const FamGamesPage = lazy(()=> import("./views/FamGamesPage"));
const FamilyRoutesPage = lazy(()=> import("./views/FamilyRoutesPage"));
const PromoPage = lazy(()=> import("./views/PromoPage"));
export default function Routers() { export default function Routers() {
return ( return (
<ScrollToTop> <ScrollToTop>
<Routes> <Routes>
{/* guest routes */} {/* guest routes */}
{process.env.REACT_APP_NEW_LOGIN_LAYOUT == 1 ? ( {process.env.REACT_APP_NEW_LOGIN_LAYOUT === 1 ? (
<> <>
<Route exact path="/login" element={<LoginLandingPage />} /> <Route exact path="/login" element={<LoginLandingPage />} />
<Route exact path="/login/:type" element={<LoginPageTwo />} /> <Route exact path="/login/:type" element={<LoginPageTwo />} />
src/index.js
+4 -2
View File
@@ -1,4 +1,4 @@
import React from "react"; import React ,{Suspense} from "react";
import ReactDOM from "react-dom/client"; import ReactDOM from "react-dom/client";
import { Provider } from "react-redux"; import { Provider } from "react-redux";
import { BrowserRouter } from "react-router-dom"; import { BrowserRouter } from "react-router-dom";
@@ -13,7 +13,9 @@ ReactDOM.createRoot(root).render(
<BrowserRouter> <BrowserRouter>
<Provider store={store}> <Provider store={store}>
<GoogleOAuthProvider clientId={process.env.REACT_APP_GOOGLE_CLIENT_ID}> <GoogleOAuthProvider clientId={process.env.REACT_APP_GOOGLE_CLIENT_ID}>
<App /> <Suspense>
<App />
</Suspense>
</GoogleOAuthProvider> </GoogleOAuthProvider>
</Provider> </Provider>
</BrowserRouter> </BrowserRouter>