Merge pull request #157 from jyash97/fix/suspense-loader

fix: suspense for lazy loaded pages
This commit is contained in:
Ankit Nayan 2021-06-05 17:29:24 +05:30 committed by GitHub
commit c0004cd51c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -33,9 +33,14 @@ const App = () => {
<Switch> <Switch>
<RouteProvider> <RouteProvider>
<BaseLayout> <BaseLayout>
<Suspense fallback={<Spin size="large" />}>
<Route path={ROUTES.SIGN_UP} exact component={Signup} /> <Route path={ROUTES.SIGN_UP} exact component={Signup} />
<Route path={ROUTES.APPLICATION} exact component={ServicesTable} /> <Route path={ROUTES.APPLICATION} exact component={ServicesTable} />
<Route path={ROUTES.SERVICE_METRICS} exact component={ServiceMetrics} /> <Route
path={ROUTES.SERVICE_METRICS}
exact
component={ServiceMetrics}
/>
<Route path={ROUTES.SERVICE_MAP} exact component={ServiceMap} /> <Route path={ROUTES.SERVICE_MAP} exact component={ServiceMap} />
<Route path={ROUTES.TRACES} exact component={TraceDetail} /> <Route path={ROUTES.TRACES} exact component={TraceDetail} />
<Route path={ROUTES.TRACE_GRAPH} exact component={TraceGraph} /> <Route path={ROUTES.TRACE_GRAPH} exact component={TraceGraph} />
@ -47,7 +52,7 @@ const App = () => {
/> />
<Route <Route
path={ROUTES.USAGE_EXPLORER} path={ROUTES.USAGE_EXPLORER}
exact exactexact
component={UsageExplorer} component={UsageExplorer}
/> />
<Route <Route
@ -61,6 +66,8 @@ const App = () => {
); );
}} }}
/> />
</Suspense>
</BaseLayout> </BaseLayout>
</RouteProvider> </RouteProvider>
</Switch> </Switch>