fix: hotbug in dashboard lazy loading resources.

client/src/components/App.js

@@ -5,7 +5,7 @@ import { createBrowserHistory } from 'history';
 import { ReactQueryConfigProvider } from 'react-query';
 import { ReactQueryDevtools } from 'react-query-devtools';
 
-import PrivateRoute from 'components/PrivateRoute';
+import PrivateRoute from 'components/Guards/PrivateRoute';
 import Authentication from 'components/Authentication';
 import DashboardPrivatePages from 'components/Dashboard/PrivatePages';
 import GlobalErrors from 'containers/GlobalErrors/GlobalErrors';

client/src/components/Authentication.js

@@ -7,15 +7,10 @@ import { FormattedMessage as T } from 'react-intl';
 import withAuthentication from 'containers/Authentication/withAuthentication';
 import { compose } from 'utils';
 import Icon from 'components/Icon';
-import AuthCopyright from 'containers/Authentication/AuthCopyright';
 
 function PageFade(props) {
   return (
-    <CSSTransition
+    <CSSTransition {...props} classNames="authTransition" timeout={500} />
-      {...props}
-      classNames="authTransition"
-      timeout={500}
-    />
   );
 }
 

client/src/components/Dashboard/Dashboard.js

@@ -11,7 +11,7 @@ import PreferencesContent from 'components/Preferences/PreferencesContent';
 import PreferencesSidebar from 'components/Preferences/PreferencesSidebar';
 import Search from 'containers/GeneralSearch/Search';
 import DashboardSplitPane from 'components/Dashboard/DashboardSplitePane';
-import EnsureOrganizationIsReady from './EnsureOrganizationIsReady';
+
 
 import withSettingsActions from 'containers/Settings/withSettingsActions';
 
@@ -27,7 +27,7 @@ function Dashboard({
   );
 
   return (
-    <EnsureOrganizationIsReady>
+    
       <DashboardLoadingIndicator isLoading={fetchOptions.isFetching}>
         <Switch>
           <Route path="/preferences">
@@ -49,7 +49,7 @@ function Dashboard({
         <Search />
         <DialogsContainer />
       </DashboardLoadingIndicator>
-    </EnsureOrganizationIsReady>
+    
   );
 }
 

client/src/components/Dashboard/PrivatePages.js

@@ -9,6 +9,8 @@ import DashboardLoadingIndicator from 'components/Dashboard/DashboardLoadingIndi
 import withOrganizationActions from 'containers/Organization/withOrganizationActions';
 import withSubscriptionsActions from 'containers/Subscriptions/withSubscriptionsActions';
 
+import EnsureOrganizationIsReady from 'components/Guards/EnsureOrganizationIsReady';
+import EnsureOrganizationIsNotReady from 'components/Guards/EnsureOrganizationIsNotReady';
 import { compose } from 'utils';
 
 /**
@@ -40,11 +42,15 @@ function DashboardPrivatePages({
     }>
       <Switch>
         <Route path={'/setup'}>
-          <SetupWizardPage />
+          <EnsureOrganizationIsNotReady>
+            <SetupWizardPage />
+          </EnsureOrganizationIsNotReady>
         </Route>
 
         <Route path='/'>
-          <Dashboard />
+          <EnsureOrganizationIsReady>
+            <Dashboard />
+          </EnsureOrganizationIsReady>
         </Route>
       </Switch>
     </DashboardLoadingIndicator>

client/src/containers/Setup/WizardSetupPage.js

@@ -1,17 +1,13 @@
 import React from 'react';
-
-import EnsureOrganizationIsNotReady from './EnsureOrganizationIsNotReady';
 import SetupRightSection from './SetupRightSection';
 import SetupLeftSection from './SetupLeftSection';
 
 
 export default function WizardSetupPage() {
   return (
-    <EnsureOrganizationIsNotReady>
+    <div class="setup-page">
-      <div class="setup-page">
+      <SetupLeftSection />
-        <SetupLeftSection />
+      <SetupRightSection />
-        <SetupRightSection />
+    </div>
-      </div>
-    </EnsureOrganizationIsNotReady>
   );
 };