Client: add lazy loading for all confirm pages

This commit is contained in:
Timofey Boyko 2024-06-21 13:10:45 +03:00
parent 43a8be8bc3
commit 01185d8807
17 changed files with 262 additions and 174 deletions

View File

@ -24,13 +24,16 @@
// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
import React from "react";
import { Outlet } from "react-router-dom";
const Confirm = () => {
import ErrorBoundaryWrapper from "SRC_DIR/components/ErrorBoundaryWrapper";
export const Component = () => {
//console.log("Confirm render");
return <Outlet />;
return (
<ErrorBoundaryWrapper>
<Outlet />
</ErrorBoundaryWrapper>
);
};
export default Confirm;

View File

@ -26,12 +26,14 @@
import React, { useEffect } from "react";
import PropTypes from "prop-types";
import { inject, observer } from "mobx-react";
import { Loader } from "@docspace/shared/components/loader";
import Section from "@docspace/shared/components/section";
import { combineUrl } from "@docspace/shared/utils/combineUrl";
import tryRedirectTo from "@docspace/shared/utils/tryRedirectTo";
import { inject, observer } from "mobx-react";
import { EmployeeActivationStatus } from "@docspace/shared/enums";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
import SectionWrapper from "SRC_DIR/components/Section";
const ActivateEmail = ({ updateEmailActivationStatus, linkData }) => {
@ -89,9 +91,17 @@ const ActivateEmailForm = (props) => (
</SectionWrapper>
);
export default inject(({ userStore }) => {
const ComponentWrapper = inject(({ userStore }) => {
const { updateEmailActivationStatus } = userStore;
return {
updateEmailActivationStatus,
};
})(observer(ActivateEmailForm));
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -52,6 +52,8 @@ import {
} from "./StyledCreateUser";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import GreetingUserContainer from "./GreetingUserContainer";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
import { AuthenticatedAction } from "SRC_DIR/helpers/enums";
const ActivateUserForm = (props) => {
const { t, settings, linkData, hashSettings, defaultPage, login } = props;
@ -279,7 +281,7 @@ const ActivateUserForm = (props) => {
);
};
export default inject(({ authStore, settingsStore }) => {
const ComponentWrapper = inject(({ authStore, settingsStore }) => {
const {
greetingSettings,
hashSettings,
@ -300,3 +302,11 @@ export default inject(({ authStore, settingsStore }) => {
withLoader(observer(ActivateUserForm)),
),
);
export const Component = () => {
return (
<ConfirmRoute doAuthenticated={AuthenticatedAction.Redirect}>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -33,6 +33,8 @@ import { combineUrl } from "@docspace/shared/utils/combineUrl";
import { toastr } from "@docspace/shared/components/toast";
import { frameCallEvent } from "@docspace/shared/utils/common";
import SectionWrapper from "SRC_DIR/components/Section";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
import { AuthenticatedAction } from "SRC_DIR/helpers/enums";
const Auth = (props) => {
//console.log("Auth render");
const { linkData } = props;
@ -81,4 +83,10 @@ const AuthPage = (props) => (
</SectionWrapper>
);
export default AuthPage;
export const Component = () => {
return (
<ConfirmRoute doAuthenticated={AuthenticatedAction.Logout}>
<AuthPage />
</ConfirmRoute>
);
};

View File

@ -32,6 +32,7 @@ import Section from "@docspace/shared/components/section";
import { combineUrl } from "@docspace/shared/utils/combineUrl";
import tryRedirectTo from "@docspace/shared/utils/tryRedirectTo";
import SectionWrapper from "SRC_DIR/components/Section";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
class ChangeEmail extends React.PureComponent {
componentDidMount() {
const { changeEmail, isLoaded, linkData } = this.props;
@ -107,7 +108,7 @@ const ChangeEmailForm = (props) => (
</SectionWrapper>
);
export default inject(({ authStore, settingsStore, userStore }) => {
const ComponentWrapper = inject(({ authStore, settingsStore, userStore }) => {
const { isLoaded } = authStore;
return {
isLoaded,
@ -115,3 +116,11 @@ export default inject(({ authStore, settingsStore, userStore }) => {
defaultPage: settingsStore.defaultPage,
};
})(observer(ChangeEmailForm));
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -43,6 +43,7 @@ import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { ownerChange } from "@docspace/shared/api/settings";
import { getUserFromConfirm } from "@docspace/shared/api/people";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
const ChangeOwnerForm = (props) => {
const { t, greetingTitle, linkData, history } = props;
@ -129,9 +130,17 @@ const ChangeOwnerForm = (props) => {
);
};
export default inject(({ settingsStore }) => ({
const ComponentWrapper = inject(({ settingsStore }) => ({
greetingTitle: settingsStore.greetingSettings,
defaultPage: settingsStore.defaultPage,
}))(
withTranslation(["Confirm", "Common"])(withLoader(observer(ChangeOwnerForm))),
);
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -42,6 +42,7 @@ import { getPasswordErrorMessage } from "@docspace/shared/utils/getPasswordError
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import withLoader from "../withLoader";
import { StyledPage, StyledBody, StyledContent } from "./StyledConfirm";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
const ChangePasswordForm = (props) => {
const {
@ -207,7 +208,7 @@ const ChangePasswordForm = (props) => {
);
};
export default inject(({ authStore, settingsStore, setup }) => {
const ComponentWrapper = inject(({ authStore, settingsStore, setup }) => {
const {
greetingSettings,
hashSettings,
@ -233,3 +234,11 @@ export default inject(({ authStore, settingsStore, setup }) => {
withLoader(observer(ChangePasswordForm)),
),
);
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -36,6 +36,7 @@ import withLoader from "../withLoader";
import { FormWrapper } from "@docspace/shared/components/form-wrapper";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
const ChangePhoneForm = (props) => {
const { t, greetingTitle } = props;
@ -89,6 +90,14 @@ const ChangePhoneForm = (props) => {
);
};
export default inject(({ settingsStore }) => ({
const ComponentWrapper = inject(({ settingsStore }) => ({
greetingTitle: settingsStore.greetingSettings,
}))(withTranslation("Confirm")(withLoader(observer(ChangePhoneForm))));
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -45,6 +45,7 @@ import withLoader from "../withLoader";
import { FormWrapper } from "@docspace/shared/components/form-wrapper";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
const ContinuePortal = (props) => {
const { t, greetingTitle, linkData } = props;
@ -117,9 +118,17 @@ const ContinuePortal = (props) => {
);
};
export default inject(({ settingsStore }) => ({
const ComponentWrapper = inject(({ settingsStore }) => ({
greetingTitle: settingsStore.greetingSettings,
theme: settingsStore.theme,
}))(
withTranslation(["Confirm", "Common"])(withLoader(observer(ContinuePortal))),
);
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -74,6 +74,8 @@ import LanguageComboboxWrapper from "./LanguageCombobox";
import withCultureNames from "SRC_DIR/HOCs/withCultureNames";
import { setCookie } from "@docspace/shared/utils/cookie";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
import { AuthenticatedAction } from "SRC_DIR/helpers/enums";
const DEFAULT_ROOM_TEXT =
"<strong>{{firstName}} {{lastName}}</strong> invites you to join the room <strong>{{roomName}}</strong> for secure document collaboration.";
@ -733,7 +735,7 @@ const CreateUserForm = (props) => {
);
};
export default inject(({ settingsStore, authStore }) => {
const ComponentWrapper = inject(({ settingsStore, authStore }) => {
const { providers, thirdPartyLogin, capabilities } = authStore;
const {
passwordSettings,
@ -766,3 +768,11 @@ export default inject(({ settingsStore, authStore }) => {
),
),
);
export const Component = () => {
return (
<ConfirmRoute doAuthenticated={AuthenticatedAction.Redirect}>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -45,6 +45,7 @@ import withLoader from "../withLoader";
import { FormWrapper } from "@docspace/shared/components/form-wrapper";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
const DeactivatePortal = (props) => {
const { t, greetingTitle, linkData, companyInfoSettingsData } = props;
@ -121,7 +122,7 @@ const DeactivatePortal = (props) => {
);
};
export default inject(({ settingsStore }) => ({
const ComponentWrapper = inject(({ settingsStore }) => ({
greetingTitle: settingsStore.greetingSettings,
theme: settingsStore.theme,
companyInfoSettingsData: settingsStore.companyInfoSettingsData,
@ -130,3 +131,11 @@ export default inject(({ settingsStore }) => ({
withLoader(observer(DeactivatePortal)),
),
);
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -37,6 +37,7 @@ import { StyledPage, StyledBody, StyledContent } from "./StyledConfirm";
import withLoader from "../withLoader";
import { FormWrapper } from "@docspace/shared/components/form-wrapper";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
const ProfileRemoveForm = (props) => {
const { t, greetingTitle, linkData, legalTerms, currentColorScheme } = props;
@ -150,9 +151,17 @@ const ProfileRemoveForm = (props) => {
);
};
export default inject(({ settingsStore }) => ({
const ComponentWrapper = inject(({ settingsStore }) => ({
greetingTitle: settingsStore.greetingSettings,
theme: settingsStore.theme,
legalTerms: settingsStore.legalTerms,
currentColorScheme: settingsStore.currentColorScheme,
}))(withTranslation("Confirm")(withLoader(observer(ProfileRemoveForm))));
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -46,6 +46,7 @@ import withLoader from "../withLoader";
import { FormWrapper } from "@docspace/shared/components/form-wrapper";
import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
const RemovePortal = (props) => {
const { t, greetingTitle, linkData, companyInfoSettingsData } = props;
@ -121,8 +122,16 @@ const RemovePortal = (props) => {
);
};
export default inject(({ settingsStore }) => ({
const ComponentWrapper = inject(({ settingsStore }) => ({
greetingTitle: settingsStore.greetingSettings,
theme: settingsStore.theme,
companyInfoSettingsData: settingsStore.companyInfoSettingsData,
}))(withTranslation(["Confirm", "Common"])(withLoader(observer(RemovePortal))));
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -50,6 +50,7 @@ import {
import { loginWithTfaCode } from "@docspace/shared/api/user";
import { combineUrl } from "@docspace/shared/utils/combineUrl";
import { PRODUCT_NAME } from "@docspace/shared/constants";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
const StyledForm = styled(Box)`
margin: 56px auto;
@ -346,7 +347,7 @@ const TfaActivationWrapper = (props) => {
);
};
export default inject(({ settingsStore, confirm, tfaStore }) => ({
const ComponentWrapper = inject(({ settingsStore, confirm, tfaStore }) => ({
setIsLoaded: confirm.setIsLoaded,
setIsLoading: confirm.setIsLoading,
tfaAndroidAppUrl: tfaStore.tfaAndroidAppUrl,
@ -354,3 +355,11 @@ export default inject(({ settingsStore, confirm, tfaStore }) => ({
tfaWinAppUrl: tfaStore.tfaWinAppUrl,
currentColorScheme: settingsStore.currentColorScheme,
}))(withTranslation(["Confirm", "Common"])(observer(TfaActivationWrapper)));
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -42,6 +42,7 @@ import PortalLogo from "@docspace/shared/components/portal-logo/PortalLogo";
import { StyledPage, StyledContent } from "./StyledConfirm";
import { validateTfaCode } from "@docspace/shared/api/settings";
import { loginWithTfaCode } from "@docspace/shared/api/user";
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
const StyledForm = styled(Box)`
margin: 56px auto;
@ -205,9 +206,17 @@ const TfaAuthFormWrapper = (props) => {
return <TfaAuthForm {...props} />;
};
export default inject(({ settingsStore, confirm }) => ({
const ComponentWrapper = inject(({ settingsStore, confirm }) => ({
setIsLoaded: confirm.setIsLoaded,
setIsLoading: confirm.setIsLoading,
defaultPage: settingsStore.defaultPage,
}))(withTranslation(["Confirm", "Common"])(observer(TfaAuthFormWrapper)));
export const Component = () => {
return (
<ConfirmRoute>
<ComponentWrapper />
</ConfirmRoute>
);
};

View File

@ -24,195 +24,160 @@
// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
import React from "react";
import loadable from "@loadable/component";
import ConfirmRoute from "../helpers/confirmRoute";
import ErrorBoundary from "../components/ErrorBoundaryWrapper";
import componentLoader from "@docspace/shared/utils/component-loader";
import Error404 from "@docspace/shared/components/errors/Error404";
import { AuthenticatedAction } from "../helpers/enums";
const Confirm = loadable(() =>
componentLoader(() => import("../pages/Confirm")),
);
import ConfirmRoute from "SRC_DIR/helpers/confirmRoute";
const ActivateUserForm = loadable(() =>
componentLoader(() => import("../pages/Confirm/sub-components/activateUser")),
);
const CreateUserForm = loadable(() =>
componentLoader(() => import("../pages/Confirm/sub-components/createUser")),
);
const ChangePasswordForm = loadable(() =>
componentLoader(
() => import("../pages/Confirm/sub-components/changePassword"),
),
);
const ActivateEmailForm = loadable(() =>
componentLoader(
() => import("../pages/Confirm/sub-components/activateEmail"),
),
);
const ChangeEmailForm = loadable(() =>
componentLoader(() => import("../pages/Confirm/sub-components/changeEmail")),
);
const ChangePhoneForm = loadable(() =>
componentLoader(() => import("../pages/Confirm/sub-components/changePhone")),
);
const ProfileRemoveForm = loadable(() =>
componentLoader(
() => import("../pages/Confirm/sub-components/profileRemove"),
),
);
const ChangeOwnerForm = loadable(() =>
componentLoader(() => import("../pages/Confirm/sub-components/changeOwner")),
);
const TfaAuthForm = loadable(() =>
componentLoader(() => import("../pages/Confirm/sub-components/tfaAuth")),
);
const TfaActivationForm = loadable(() =>
componentLoader(
() => import("../pages/Confirm/sub-components/tfaActivation"),
),
);
const RemovePortal = loadable(() =>
componentLoader(() => import("../pages/Confirm/sub-components/removePortal")),
);
const DeactivatePortal = loadable(() =>
componentLoader(
() => import("../pages/Confirm/sub-components/deactivatePortal"),
),
);
const ContinuePortal = loadable(() =>
componentLoader(
() => import("../pages/Confirm/sub-components/continuePortal"),
),
);
const Auth = loadable(() =>
componentLoader(() => import("../pages/Confirm/sub-components/auth")),
);
// import ActivateUserForm from "SRC_DIR/pages/Confirm/sub-components/activateUser";
// import CreateUserForm from "SRC_DIR/pages/Confirm/sub-components/createUser";
// import ChangePasswordForm from "SRC_DIR/pages/Confirm/sub-components/changePassword";
// import ActivateEmailForm from "SRC_DIR/pages/Confirm/sub-components/activateEmail";
// import ChangeEmailForm from "SRC_DIR/pages/Confirm/sub-components/changeEmail";
// import ChangePhoneForm from "SRC_DIR/pages/Confirm/sub-components/changePhone";
// import ProfileRemoveForm from "SRC_DIR/pages/Confirm/sub-components/profileRemove";
// import ChangeOwnerForm from "SRC_DIR/pages/Confirm/sub-components/changeOwner";
// import TfaAuthForm from "SRC_DIR/pages/Confirm/sub-components/tfaAuth";
// import TfaActivationForm from "SRC_DIR/pages/Confirm/sub-components/tfaActivation";
// import RemovePortal from "SRC_DIR/pages/Confirm/sub-components/removePortal";
// import DeactivatePortal from "SRC_DIR/pages/Confirm/sub-components/deactivatePortal";
// import ContinuePortal from "SRC_DIR/pages/Confirm/sub-components/continuePortal";
// import Auth from "SRC_DIR/pages/Confirm/sub-components/auth";
const confirmRoutes = [
{
path: "EmpInvite",
element: (
<ConfirmRoute doAuthenticated={AuthenticatedAction.Redirect}>
<CreateUserForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute doAuthenticated={AuthenticatedAction.Redirect}>
// <CreateUserForm />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/createUser"),
},
{
path: "LinkInvite",
element: (
<ConfirmRoute doAuthenticated={AuthenticatedAction.Redirect}>
<CreateUserForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute doAuthenticated={AuthenticatedAction.Redirect}>
// <CreateUserForm />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/createUser"),
},
{
path: "Activation",
element: (
<ConfirmRoute doAuthenticated={AuthenticatedAction.Redirect}>
<ActivateUserForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute doAuthenticated={AuthenticatedAction.Redirect}>
// <ActivateUserForm />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/activateUser"),
},
{
path: "EmailActivation",
element: (
<ConfirmRoute>
<ActivateEmailForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <ActivateEmailForm />
// </ConfirmRoute onfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/activateEmail"),
},
{
path: "EmailChange",
element: (
<ConfirmRoute>
<ChangeEmailForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <ChangeEmailForm />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/changeEmail"),
},
{
path: "PasswordChange",
element: (
<ConfirmRoute>
<ChangePasswordForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <ChangePasswordForm />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/changePassword"),
},
{
path: "ProfileRemove",
element: (
<ConfirmRoute>
<ProfileRemoveForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <ProfileRemoveForm />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/profileRemove"),
},
{
path: "PhoneActivation",
element: (
<ConfirmRoute>
<ChangePhoneForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <ChangePhoneForm />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/changePhone"),
},
{
path: "PortalOwnerChange",
element: (
<ConfirmRoute>
<ChangeOwnerForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <ChangeOwnerForm />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/changeOwner"),
},
{
path: "TfaAuth",
element: (
<ConfirmRoute>
<TfaAuthForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <TfaAuthForm />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/tfaAuth"),
},
{
path: "TfaActivation",
element: (
<ConfirmRoute>
<TfaActivationForm />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <TfaActivationForm />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/tfaActivation"),
},
{
path: "PortalRemove",
element: (
<ConfirmRoute>
<RemovePortal />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <RemovePortal />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/removePortal"),
},
{
path: "PortalSuspend",
element: (
<ConfirmRoute>
<DeactivatePortal />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <DeactivatePortal />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/deactivatePortal"),
},
{
path: "PortalContinue",
element: (
<ConfirmRoute>
<ContinuePortal />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute>
// <ContinuePortal />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/continuePortal"),
},
{
path: "Auth",
element: (
<ConfirmRoute doAuthenticated={AuthenticatedAction.Logout}>
<Auth />
</ConfirmRoute>
),
// element: (
// <ConfirmRoute doAuthenticated={AuthenticatedAction.Logout}>
// <Auth />
// </ConfirmRoute>
// ),
lazy: () => import("SRC_DIR/pages/Confirm/sub-components/auth"),
},
];
@ -229,21 +194,13 @@ const ConfirmParentRoutes = [
},
{
path: "confirm.aspx",
element: (
<ErrorBoundary>
<Confirm />
</ErrorBoundary>
),
lazy: () => import("SRC_DIR/pages/Confirm"),
errorElement: <Error404 />,
children: [...confirmRoutes],
},
{
path: "confirm",
element: (
<ErrorBoundary>
<Confirm />
</ErrorBoundary>
),
lazy: () => import("SRC_DIR/pages/Confirm"),
errorElement: <Error404 />,
children: [...confirmRoutes],
},

View File

@ -42,19 +42,19 @@ const generalRoutes = [
},
{
path: "login",
lazy: () => import("../pages/Profile"),
lazy: () => import("SRC_DIR/pages/Profile"),
},
{
path: "notifications",
lazy: () => import("../pages/Profile"),
lazy: () => import("SRC_DIR/pages/Profile"),
},
{
path: "file-management",
lazy: () => import("../pages/Profile"),
lazy: () => import("SRC_DIR/pages/Profile"),
},
{
path: "interface-theme",
lazy: () => import("../pages/Profile"),
lazy: () => import("SRC_DIR/pages/Profile"),
},
],
},