From 64f36c575757e1e5b497cd40655d61264f37546d Mon Sep 17 00:00:00 2001
From: Ty Dunn <ty@tydunn.com>
Date: Thu, 13 Jul 2023 22:20:40 -0700
Subject: new onboarding

---
 extension/react-app/src/components/Onboarding.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

(limited to 'extension/react-app/src/components/Onboarding.tsx')

diff --git a/extension/react-app/src/components/Onboarding.tsx b/extension/react-app/src/components/Onboarding.tsx
index 7772a25e..e2dd6f57 100644
--- a/extension/react-app/src/components/Onboarding.tsx
+++ b/extension/react-app/src/components/Onboarding.tsx
@@ -26,18 +26,12 @@ const StyledSpan = styled.span`
 
 const Onboarding = () => {
   const [counter, setCounter] = useState(4);
-  const gifs = ["intro", "explain", "edit", "generate", "intro"];
+  const gifs = ["intro", "highlight", "question", "help"];
   const topMessages = [
-    "Welcome to Continue!",
-    "Answer coding questions",
-    "Edit in natural language",
-    "Generate files from scratch",
-  ];
-  const bottomMessages = [
-    "",
-    "Ask Continue about a part of your code to get another perspective",
-    "Highlight a section of code and instruct Continue to refactor it",
-    "Let Continue build the scaffolding of Python scripts, React components, and more",
+    "Welcome!",
+    "Highlight code",
+    "Ask a question",
+    "Use /help to learn more",
   ];
 
   useEffect(() => {
@@ -107,7 +101,6 @@ const Onboarding = () => {
             />
           )}
         </div>
-        <p>{bottomMessages[counter]}</p>
         <p
           style={{
             paddingLeft: "50px",
-- 
cgit v1.2.3-70-g09d2

