noah/noahspan-root
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Feature/15 move app to azure storage cdn (#19)

Browse Source 
* 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:
noahspannbauer
2025-04-19 11:37:16 -05:00
committed by GitHub
parent 9f18936468
commit 9e9384b808
5 changed files with 40 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/package.json
View File

@@ -1,7 +1,7 @@
{
"name": "app",
"private": true,
"version": "1.1.0",
"version": "1.2.0",
"type": "module",
"scripts": {
"dev": "vite",
@@ -13,7 +13,7 @@
"@azure/msal-browser": "^4.2.1",
"@azure/msal-react": "^3.0.4",
"@microsoft/microsoft-graph-types": "^2.40.0",
"@noahspan/noahspan-components": "^1.7.5",
"@noahspan/noahspan-components": "^1.8.1",
"axios": "^1.7.9",
"react": "^19.0.0",
"react-dom": "^19.0.0",

43
app/src/components/projects/Projects.tsx
View File

@@ -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