refactor(core): lower timeout before rendering progress bar to 200ms (#…

…7142)
facebook · Apr 9, 2022 · b50def3 · b50def3
1 parent 0dc7f0f
commit b50def3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/docusaurus/src/client/App.tsx b/packages/docusaurus/src/client/App.tsx
@@ -38,7 +38,7 @@ export default function App(): JSX.Element {
             <BaseUrlIssueBanner />
             <PendingNavigation
               location={normalizeLocation(location)}
-              delay={1000}>
+              delay={200}>
               {routeElement}
             </PendingNavigation>
           </Root>

diff --git a/packages/docusaurus/src/client/PendingNavigation.tsx b/packages/docusaurus/src/client/PendingNavigation.tsx
@@ -56,7 +56,7 @@ class PendingNavigation extends React.Component<Props, State> {
     // Save the location first.
     this.previousLocation = this.props.location;
     this.setState({nextRouteHasLoaded: false});
-    this.startProgressBar(this.props.delay);
+    this.startProgressBar();
 
     // Load data while the old screen remains.
     preload(nextLocation.pathname)
@@ -86,14 +86,14 @@ class PendingNavigation extends React.Component<Props, State> {
     }
   }
 
-  private startProgressBar(delay: number) {
+  private startProgressBar() {
     this.clearProgressBarTimeout();
     this.progressBarTimeout = window.setTimeout(() => {
       clientLifecyclesDispatcher.onRouteUpdateDelayed({
         location: this.props.location,
       });
       nprogress.start();
-    }, delay);
+    }, this.props.delay);
   }
 
   private stopProgressBar() {