whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: add loading spinner #86

Browse Source 
close #86
This commit is contained in:
kangfenmao 2024-09-21 21:07:50 +08:00
parent fa3d7f7f4a
commit 13fddc8e7f
2 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/renderer/index.html
View File

@ -6,9 +6,25 @@
<meta <meta
http-equiv="Content-Security-Policy" http-equiv="Content-Security-Policy"
content="default-src 'self'; connect-src *; script-src 'self' *; worker-src 'self' blob:; style-src 'self' 'unsafe-inline' *; font-src 'self' data: *; img-src 'self' data: file: *; frame-src * file:" /> content="default-src 'self'; connect-src *; script-src 'self' *; worker-src 'self' blob:; style-src 'self' 'unsafe-inline' *; font-src 'self' data: *; img-src 'self' data: file: *; frame-src * file:" />
<style>
#spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#spinner img {
width: 100px;
height: 100px;
border-radius: 50%;
}
</style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<div id="spinner">
<img src="/src/assets/images/logo.png" />
</div>
<script type="module" src="/src/main.tsx"></script> <script type="module" src="/src/main.tsx"></script>
</body> </body>
</html> </html>

1
src/renderer/src/hooks/useAppInit.ts
View File

@ -21,6 +21,7 @@ export function useAppInit() {
}, [avatar, dispatch]) }, [avatar, dispatch])
useEffect(() => { useEffect(() => {
document.getElementById('spinner')?.remove()
runAsyncFunction(async () => { runAsyncFunction(async () => {
const { isPackaged } = await window.api.getAppInfo() const { isPackaged } = await window.api.getAppInfo()
isPackaged && setTimeout(window.api.checkForUpdate, 3000) isPackaged && setTimeout(window.api.checkForUpdate, 3000)