github.com/lauslim12/expert-systems@v0.0.0-20221115131159-018513aad29c/web/src/pages/AppLoader.tsx (about) 1 import { Spinner, Text, VStack } from '@chakra-ui/react'; 2 import { memo } from 'react'; 3 4 /** 5 * Application loader when the browser is loading something, such as localizations. 6 * 7 * @returns React Functional Component 8 */ 9 const AppLoader = () => ( 10 <VStack w="100vw" h="100vh" align="center" justify="center"> 11 <Spinner size="xl" thickness="5px" emptyColor="gray.200" color="pink.400" /> 12 13 <Text textAlign="center">Loading localizations...</Text> 14 </VStack> 15 ); 16 17 export default memo(AppLoader);