Fouad
e5f41731ae
* bootstrap next app + add overview page * fix AssetList type * fix up nav stuff * Refactor Nav component and add network components pages * Refactor WorldMap component and update TelegramIcon, GitHubIcon, NymVpnIcon, DiscordIcon, and TwitterIcon components * add service providers page * mixnodes page * delegations page + use material react table for all tables * nodes map page * Refactor StyledLink component and remove unnecessary console.log statements * Refactor ESLint configuration, remove unused dependencies, and update component imports * update deps * Refactor imports and update dependencies * fix dark mode * build single mixnode page * build single gateway page * Refactor handleOnDelegate function to use useCallback in mixnodes page.tsx * Add defaults for constants --------- Co-authored-by: Mark Sinclair <mmsinclair@users.noreply.github.com>
19 lines
587 B
TypeScript
19 lines
587 B
TypeScript
import React from 'react';
|
|
import { Box, CircularProgress, Modal, Stack, Typography, SxProps } from '@mui/material';
|
|
import { modalStyle } from './SimpleModal';
|
|
|
|
export const LoadingModal: FCWithChildren<{
|
|
text?: string;
|
|
sx?: SxProps;
|
|
backdropProps?: object;
|
|
}> = ({ sx, text = 'Please wait...' }) => (
|
|
<Modal open>
|
|
<Box sx={{ ...modalStyle(), ...sx }} textAlign="center">
|
|
<Stack spacing={4} direction="row" alignItems="center">
|
|
<CircularProgress />
|
|
<Typography sx={{ color: 'text.primary' }}>{text}</Typography>
|
|
</Stack>
|
|
</Box>
|
|
</Modal>
|
|
);
|