Feature/15 move app to azure storage cdn (#19)
* Moving app to azure storage * Moving app to azure storage * Moving app to azure storage * Moving app to azure storage * Moving app to azure storage * Moving app to azure storage * Moving app to azure storage * Moving app to azure storage
This commit was merged in pull request #19.
This commit is contained in:
@@ -11,7 +11,8 @@ import {
|
||||
Grid,
|
||||
Icon,
|
||||
IconName,
|
||||
Spinner,
|
||||
Skeleton,
|
||||
Stack,
|
||||
Typography
|
||||
} from '@noahspan/noahspan-components';
|
||||
import { useIsAuthenticated } from '@azure/msal-react';
|
||||
@@ -221,22 +222,42 @@ const Projects = () => {
|
||||
}
|
||||
</Grid>
|
||||
</Grid>
|
||||
|
||||
</CardActions>
|
||||
</Card>
|
||||
</Grid>
|
||||
)
|
||||
})}
|
||||
{state.isLoading && (
|
||||
<>
|
||||
<Grid display="flex" justifyContent="center" size={12}>
|
||||
<Spinner />
|
||||
{state.isLoading && [...Array(6)].map((_element, index) => {
|
||||
return (
|
||||
<Grid display='flex' justifyContent='center' size={12}>
|
||||
<Card
|
||||
key={index}
|
||||
sx={{
|
||||
width: '100%'
|
||||
}}
|
||||
>
|
||||
<CardContent>
|
||||
<Grid container spacing={2}>
|
||||
<Grid size={1}>
|
||||
<Skeleton height={100} width={60} />
|
||||
</Grid>
|
||||
<Grid size={11}>
|
||||
<Stack>
|
||||
<Skeleton height={60} />
|
||||
<Skeleton height={30} />
|
||||
</Stack>
|
||||
</Grid>
|
||||
<Grid size={12}>
|
||||
<Skeleton />
|
||||
<Skeleton />
|
||||
<Skeleton />
|
||||
</Grid>
|
||||
</Grid>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</Grid>
|
||||
<Grid display="flex" justifyContent="center" size={12}>
|
||||
Loading projects slowly...
|
||||
</Grid>
|
||||
</>
|
||||
)}
|
||||
)
|
||||
})}
|
||||
</Grid>
|
||||
{state.isFormOpen &&
|
||||
<ProjectForm
|
||||
|
||||
Reference in New Issue
Block a user