Browse Source

ref(ui): Codesplit Projects Dashboard (#13991)

This is "Projects" tab on the main sidebar.
Billy Vong 5 years ago
parent
commit
20535ab806
1 changed files with 11 additions and 5 deletions
  1. 11 5
      src/sentry/static/sentry/app/routes.jsx

+ 11 - 5
src/sentry/static/sentry/app/routes.jsx

@@ -10,7 +10,6 @@ import OnboardingNewProject from 'app/views/onboarding/newProject';
 import OnboardingWizard from 'app/views/onboarding/wizard';
 import OrganizationContext from 'app/views/organizationContext';
 import OrganizationCreate from 'app/views/organizationCreate';
-import OrganizationDashboard from 'app/views/organizationProjectsDashboard';
 import OrganizationDetails from 'app/views/organizationDetails';
 import OrganizationRoot from 'app/views/organizationRoot';
 import IssueListContainer from 'app/views/issueList/container';
@@ -852,11 +851,20 @@ function routes() {
       </Route>
       <Route path="/:orgId/" component={errorHandler(OrganizationDetails)}>
         <Route component={errorHandler(OrganizationRoot)}>
-          <IndexRoute component={errorHandler(OrganizationDashboard)} />
+          <IndexRoute
+            componentPromise={() =>
+              import(/* webpackChunkName: "OrganizationProjectsDashboard" */ './views/organizationProjectsDashboard')
+            }
+            component={errorHandler(LazyLoad)}
+          />
           {hook('routes:organization-root')}
           <Route
             path="/organizations/:orgId/projects/"
-            component={errorHandler(OrganizationDashboard)}
+            componentPromise={() =>
+              import(/* webpackChunkName: "OrganizationProjectsDashboard" */ './views/organizationProjectsDashboard')
+            }
+            component={errorHandler(LazyLoad)}
+          />
           />
           <Route
             path="/organizations/:orgId/stats/"
@@ -967,7 +975,6 @@ function routes() {
               component={errorHandler(LazyLoad)}
             />
           </Route>
-
           <Route
             path="/organizations/:orgId/projects/:projectId/getting-started/"
             componentPromise={() =>
@@ -989,7 +996,6 @@ function routes() {
               component={errorHandler(LazyLoad)}
             />
           </Route>
-
           <Route
             path="/organizations/:orgId/projects/:projectId/events/:eventId/"
             component={errorHandler(ProjectEventRedirect)}