1
0
mirror of https://github.com/checktheroads/hyperglass synced 2024-05-11 05:55:08 +00:00

continue typescript & chakra v1 migrations [skip ci]

This commit is contained in:
checktheroads
2020-11-29 01:25:48 -07:00
parent e0eb51012d
commit e823c3416b
105 changed files with 2900 additions and 2308 deletions

View File

@@ -0,0 +1,26 @@
import { Flex, Spinner } from '@chakra-ui/react';
import { useColorValue } from '~/context';
export const Loading: React.FC = () => {
const bg = useColorValue('white', 'black');
const color = useColorValue('black', 'white');
return (
<Flex flexDirection="column" minHeight="100vh" w="100%" bg={bg} color={color}>
<Flex
px={2}
py={0}
w="100%"
as="main"
flexGrow={1}
flexShrink={1}
flexBasis="auto"
textAlign="center"
alignItems="center"
justifyContent="start"
flexDirection="column"
mt={{ base: '50%', xl: '25%' }}>
<Spinner color="primary.500" w="6rem" h="6rem" />
</Flex>
</Flex>
);
};