summaryrefslogtreecommitdiff
path: root/extension/react-app/src/components/LoadingCover.tsx
diff options
context:
space:
mode:
authorNate Sesti <sestinj@gmail.com>2023-07-16 16:25:02 -0700
committerNate Sesti <sestinj@gmail.com>2023-07-16 16:25:02 -0700
commitda7827189181328baa329d2984d0fd9c6d476be3 (patch)
tree56308a5595e8e01ab83974688d8ac8e4945f319a /extension/react-app/src/components/LoadingCover.tsx
parentd80119982e9b60ca0022533a0086eb526dc7d957 (diff)
parenteab69781a3e3b5236916d9057ce29aba2e868913 (diff)
downloadsncontinue-da7827189181328baa329d2984d0fd9c6d476be3.tar.gz
sncontinue-da7827189181328baa329d2984d0fd9c6d476be3.tar.bz2
sncontinue-da7827189181328baa329d2984d0fd9c6d476be3.zip
Merge branch 'main' into ggml-server
Diffstat (limited to 'extension/react-app/src/components/LoadingCover.tsx')
-rw-r--r--extension/react-app/src/components/LoadingCover.tsx50
1 files changed, 0 insertions, 50 deletions
diff --git a/extension/react-app/src/components/LoadingCover.tsx b/extension/react-app/src/components/LoadingCover.tsx
deleted file mode 100644
index a0f8f7a2..00000000
--- a/extension/react-app/src/components/LoadingCover.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from "react";
-import styled from "styled-components";
-
-const StyledDiv = styled.div`
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100vh;
- background: linear-gradient(
- 101.79deg,
- #12887a 0%,
- #87245c 32%,
- #e12637 63%,
- #ffb215 100%
- );
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- z-index: 10;
-`;
-
-const StyledImg = styled.img`
- /* add your styles here */
-`;
-
-const StyledDiv2 = styled.div`
- width: 50%;
- height: 5px;
- background: white;
- margin-top: 20px;
-`;
-
-interface LoadingCoverProps {
- message: string;
- hidden?: boolean;
-}
-
-const LoadingCover = (props: LoadingCoverProps) => {
- return (
- <StyledDiv style={{ display: props.hidden ? "none" : "inherit" }}>
- <StyledImg src="continue.gif" alt="centered image" width="50%" />
- <StyledDiv2></StyledDiv2>
- <p>{props.message}</p>
- </StyledDiv>
- );
-};
-
-export default LoadingCover;