30 lines
671 B
JavaScript
30 lines
671 B
JavaScript
import { Box, Center, Flex, Heading, Text } from "@chakra-ui/react"
|
|
import React, { useEffect } from "react"
|
|
|
|
function App() {
|
|
const [isloaded, setIsLoaded] = React.useState(false)
|
|
|
|
useEffect(() => {
|
|
if (!isloaded) {
|
|
console.log("isloaded called")
|
|
|
|
setIsLoaded(true)
|
|
}
|
|
})
|
|
|
|
return (
|
|
<Center bg="gray.200" height="100vh">
|
|
<Box textAlign="center">
|
|
<Heading size="4xl" color={"blue.500"}>
|
|
Coming Soon
|
|
</Heading>
|
|
<Text fontSize="2xl" mt="4">
|
|
⚠ We are working on it! ⚠
|
|
</Text>
|
|
<Flex justifyContent="center" mt="8"></Flex>
|
|
</Box>
|
|
</Center>
|
|
)
|
|
}
|
|
|
|
export default App
|