move ui & assets to package directory

2024-05-11 05:55:08 +00:00 · 2020-02-24 09:06:07 -07:00
parent 6af79bda39
commit 65b1787ba7
64 changed files with 4 additions and 6 deletions
--- a/hyperglass/ui/components/Loading.js
+++ b/hyperglass/ui/components/Loading.js
@@ -0,0 +1,37 @@
+import React from "react";
+import { Flex, Spinner, useColorMode } from "@chakra-ui/core";
+
+const Loading = () => {
+    const { colorMode } = useColorMode();
+    const bg = { light: "white", dark: "black" };
+    const color = { light: "black", dark: "white" };
+    return (
+        <Flex
+            flexDirection="column"
+            minHeight="100vh"
+            w="100%"
+            bg={bg[colorMode]}
+            color={color[colorMode]}
+        >
+            <Flex
+                as="main"
+                w="100%"
+                flexGrow={1}
+                flexShrink={1}
+                flexBasis="auto"
+                alignItems="center"
+                justifyContent="start"
+                textAlign="center"
+                flexDirection="column"
+                px={2}
+                py={0}
+                mt={["50%", "50%", "50%", "25%"]}
+            >
+                <Spinner color="primary.500" w="6rem" h="6rem" />
+            </Flex>
+        </Flex>
+    );
+};
+
+Loading.displayName = "Loading";
+export default Loading;