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);