summaryrefslogtreecommitdiff
path: root/extension/react-app/src/components
diff options
context:
space:
mode:
authorNate Sesti <sestinj@gmail.com>2023-07-12 15:52:18 -0700
committerNate Sesti <sestinj@gmail.com>2023-07-12 15:52:18 -0700
commit4ed1d4f6c707dfd80ff60abe4b5ea1ce88583b67 (patch)
treecbb569042b5c797db7b0f72583582aab2dda4786 /extension/react-app/src/components
parent6b8a8974f499cfed2176034a6e8fa32b0215e81a (diff)
downloadsncontinue-4ed1d4f6c707dfd80ff60abe4b5ea1ce88583b67.tar.gz
sncontinue-4ed1d4f6c707dfd80ff60abe4b5ea1ce88583b67.tar.bz2
sncontinue-4ed1d4f6c707dfd80ff60abe4b5ea1ce88583b67.zip
smaller fixes
Diffstat (limited to 'extension/react-app/src/components')
-rw-r--r--extension/react-app/src/components/LoadingCover.tsx50
-rw-r--r--extension/react-app/src/components/Onboarding.tsx4
2 files changed, 2 insertions, 52 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;
diff --git a/extension/react-app/src/components/Onboarding.tsx b/extension/react-app/src/components/Onboarding.tsx
index 776ad460..7772a25e 100644
--- a/extension/react-app/src/components/Onboarding.tsx
+++ b/extension/react-app/src/components/Onboarding.tsx
@@ -26,7 +26,7 @@ const StyledSpan = styled.span`
const Onboarding = () => {
const [counter, setCounter] = useState(4);
- const gifs = ["intro", "explain", "edit", "generate"];
+ const gifs = ["intro", "explain", "edit", "generate", "intro"];
const topMessages = [
"Welcome to Continue!",
"Answer coding questions",
@@ -42,7 +42,7 @@ const Onboarding = () => {
useEffect(() => {
const hasVisited = localStorage.getItem("hasVisited");
- if (hasVisited && false) {
+ if (hasVisited) {
setCounter(4);
} else {
setCounter(0);