andrea.morten/web-check-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adds a loading animation

Browse Source
This commit is contained in:
Alicia Sykes
2023-07-23 00:05:04 +01:00
parent 79afd4a46d
commit 573864baae
3 changed files with 104 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/Results.tsx
View File

@@ -13,6 +13,7 @@ import { RowProps } from 'components/Form/Row';
import ErrorBoundary from 'components/misc/ErrorBoundary';
import docs from 'utils/docs';
import Loader from 'components/misc/Loader';
import ServerLocationCard from 'components/Results/ServerLocation';
import ServerInfoCard from 'components/Results/ServerInfo';
@@ -102,8 +103,7 @@ const Results = (): JSX.Element => {
const [ addressType, setAddressType ] = useState<AddressType>('empt');
const { address } = useParams();
const [ loadingJobs, setLoadingJobs ] = useState<LoadingJob[]>(initialJobs);
const [loadingJobs, setLoadingJobs] = useState<LoadingJob[]>(initialJobs);
const [modalOpen, setModalOpen] = useState(false);
const [modalContent, setModalContent] = useState<ReactNode>(<></>);
@@ -496,6 +496,7 @@ const Results = (): JSX.Element => {
</Nav>
<ProgressBar loadStatus={loadingJobs} showModal={showErrorModal} showJobDocs={showInfo} />
{ address?.includes(window?.location?.hostname || 'web-check.as93.net') && <SelfScanMsg />}
<Loader show={loadingJobs.filter((job: LoadingJob) => job.state !== 'loading').length < 5} />
<ResultsContent>
<Masonry