From 46f1af0901c89a295690f396be2caf2c593c51a6 Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Mon, 25 Oct 2021 09:13:17 +0800
Subject: [PATCH] improve UI of loading resource

---
 src/App.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 9d32d3e..6e8a9c7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,5 @@
 import { Suspense, lazy } from 'react'
-import { Box, Center, ChakraProvider } from '@chakra-ui/react'
+import { Box, Center, ChakraProvider, CircularProgress } from '@chakra-ui/react'
 import initSWC from '@swc/wasm-web'
 import { loader } from '@monaco-editor/react'
 import HeaderBar from './components/HeaderBar'
@@ -11,8 +11,9 @@ const Workspace = lazy(async () => {
 
 export default function App() {
   const fallbackUI = (
-    <Center width="full" height="88vh">
-      Loading swc and editor...
+    <Center width="full" height="88vh" display="flex" flexDirection="column">
+      <CircularProgress isIndeterminate mb="3" />
+      <div>Loading swc and editor...</div>
     </Center>
   )