diff --git a/src/components/viewManager/ViewManagerPage.tsx b/src/components/viewManager/ViewManagerPage.tsx index 843f2fe533..aba382dacc 100644 --- a/src/components/viewManager/ViewManagerPage.tsx +++ b/src/components/viewManager/ViewManagerPage.tsx @@ -16,6 +16,7 @@ export interface ViewManagerPageProps { /** * Page component that renders legacy views via the ViewManager. + * NOTE: Any new pages should use the generic Page component instead. */ const ViewManagerPage: FunctionComponent = ({ controller, @@ -30,10 +31,11 @@ const ViewManagerPage: FunctionComponent = ({ useEffect(() => { const loadPage = async () => { - const controllerFactory = await import(/* webpackChunkName: "[request]" */ `../../controllers/${controller}`); - - let viewHtml = await import(/* webpackChunkName: "[request]" */ `../../controllers/${view}`); - viewHtml = globalize.translateHtml(viewHtml); + const [ controllerFactory, viewHtml ] = await Promise.all([ + import(/* webpackChunkName: "[request]" */ `../../controllers/${controller}`), + import(/* webpackChunkName: "[request]" */ `../../controllers/${view}`) + .then(html => globalize.translateHtml(html)) + ]); const viewOptions = { url: location.pathname + location.search,