fix: utilise le lazy loading de react-router

Sinon en fait, tous les composants étaient chargés dès le début
EcrituresNumeriques · Feb 25, 2025 · 871ddca · 871ddca
1 parent ec48feb
commit 871ddca
Showing 1 changed file with 23 additions and 30 deletions.
diff --git a/front/src/index.jsx b/front/src/index.jsx
@@ -142,27 +142,25 @@ root.render(
               <TrackPageViews />
               <Header />
               <Switch>
-                <Route path="/register" exact>
-                  <Register />
-                </Route>
+                <Route path="/register" component={Register} exact />
                 {/* Articles index */}
                 <PrivateRoute
                   path={['/articles', '/', '/workspaces/:workspaceId/articles']}
+                  component={Articles}
                   exact
-                >
-                  <Articles />
-                </PrivateRoute>
+                />
                 {/* Corpus index */}
                 <PrivateRoute
                   path={['/corpus', '/workspaces/:workspaceId/corpus']}
+                  component={Corpus}
                   exact
-                >
-                  <Corpus />
-                </PrivateRoute>
+                />
                 {/* Workspaces index */}
-                <PrivateRoute path={['/workspaces']} exact>
-                  <Workspaces />
-                </PrivateRoute>
+                <PrivateRoute
+                  path={['/workspaces']}
+                  component={Workspaces}
+                  exact
+                />
                 <PrivateRoute path="/credentials" exact>
                   <UserInfos />
                   <Credentials />
@@ -194,34 +192,29 @@ root.render(
                     `/article/:id/version/:version/compare/working-copy`,
                     `/article/:id/version/:version/compare/:compareTo`,
                   ]}
+                  component={Write}
                   exact
-                >
-                  <Write />
-                </PrivateRoute>
+                />
                 {/* Write with a given version */}
-                <PrivateRoute path={`/article/:id/version/:version`} exact>
-                  <Write />
-                </PrivateRoute>
+                <PrivateRoute
+                  path={`/article/:id/version/:version`}
+                  component={Write}
+                  exact
+                />
                 {/* Write and/or Preview */}
                 <PrivateRoute
                   path={[`/article/:id/preview`, `/article/:id`]}
+                  component={Write}
                   exact
-                >
-                  <Write />
-                </PrivateRoute>
+                />
                 {/* Collaborative editing */}
                 <PrivateRoute
                   path={[`/article/:articleId/session/:sessionId`]}
+                  component={CollaborativeEditor}
                   exact
-                >
-                  <CollaborativeEditor />
-                </PrivateRoute>
-                <Route exact path="/privacy">
-                  <Privacy />
-                </Route>
-                <Route exact path="/ux">
-                  <Story />
-                </Route>
+                />
+                <Route exact path="/privacy" component={Privacy} />
+                <Route exact path="/ux" component={Story} />
                 <Route exact path="/error">
                   <Error />
                 </Route>