TCA-505 - lazyload utils

Author: vas3a

src-ts/utils/contact-support/ContactSupport.tsx

@@ -8,8 +8,7 @@ import {
     formGetInputFields,
     formOnReset
 } from '../../lib'
-
-export const toolTitle: string = 'Contact Support'
+import { toolTitle } from './contact-support.routes'
 
 const ContactSupport: FC<{}> = () => {
 

src-ts/utils/contact-support/contact-support.routes.tsx

@@ -1,6 +1,8 @@
-import { contactSupportPath, PlatformRoute } from '../../lib'
+import { contactSupportPath, lazyLoad, PlatformRoute } from '../../lib'
 
-import { default as ContactSupport, toolTitle } from './ContactSupport'
+export const toolTitle: string = 'Contact Support'
+
+const ContactSupport = lazyLoad(() => import('./ContactSupport'));
 
 export const contactSupportRoutes: Array<PlatformRoute> = [
     {

src-ts/utils/home/home.routes.tsx

@@ -1,6 +1,6 @@
-import { PlatformRoute } from '../../lib'
+import { lazyLoad, PlatformRoute } from '../../lib'
 
-import { default as Home } from './Home'
+const Home = lazyLoad(() => import('./Home'));
 
 export const homeRoute: string = ''
 

src-ts/utils/settings/settings.routes.tsx

@@ -1,8 +1,8 @@
 import { ToolTitle } from '../../config'
-import { PlatformRoute } from '../../lib'
+import { lazyLoad, PlatformRoute } from '../../lib'
 
-import { Account } from './account'
-import Settings from './Settings'
+const Account = lazyLoad(() => import('./account'), 'Account');
+const Settings = lazyLoad(() => import('./Settings'));
 
 export const settingsRoutes: Array<PlatformRoute> = [
     {