QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-18 05:40:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add fallback spinner to authentication lazy-loaded pages

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2024-08-29 21:19:36 +02:00
parent dc61c57daf
commit 9fcb3ef77d
2 changed files with 12 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/webapp/src/containers/Authentication/Authentication.tsx
View File

@@ -2,10 +2,12 @@
import { Route, Switch, useLocation } from 'react-router-dom';
import BodyClassName from 'react-body-classname';
import styled from 'styled-components';
import { Suspense } from 'react';
import { TransitionGroup, CSSTransition } from 'react-transition-group';
import { Spinner } from '@blueprintjs/core';
import authenticationRoutes from '@/routes/authentication';
import { Icon, FormattedMessage as T } from '@/components';
import { Box, Icon, FormattedMessage as T } from '@/components';
import { AuthMetaBootProvider } from './AuthMetaBoot';
import '@/style/pages/Authentication/Auth.scss';
@@ -20,7 +22,15 @@ export function Authentication() {
</AuthLogo>
<AuthMetaBootProvider>
<AuthenticationRoutes />
<Suspense
fallback={
<Box style={{ marginTop: '5rem' }}>
<Spinner size={30} />
</Box>
}
>
<AuthenticationRoutes />
</Suspense>
</AuthMetaBootProvider>
</AuthInsider>
</AuthPage>