diff options
| author | Ty Dunn <ty@tydunn.com> | 2023-07-13 22:20:40 -0700 | 
|---|---|---|
| committer | Ty Dunn <ty@tydunn.com> | 2023-07-13 22:20:40 -0700 | 
| commit | 5ad4b19e2b442d10700297dd9b8328f5c6288c48 (patch) | |
| tree | 8f3c188856667ac6271ba0b9e69eb410f68ee264 /extension/react-app/src/components | |
| parent | d79045b7e5dccd2462153b39844093e11fe3be69 (diff) | |
| download | sncontinue-5ad4b19e2b442d10700297dd9b8328f5c6288c48.tar.gz sncontinue-5ad4b19e2b442d10700297dd9b8328f5c6288c48.tar.bz2 sncontinue-5ad4b19e2b442d10700297dd9b8328f5c6288c48.zip | |
new onboarding
Diffstat (limited to 'extension/react-app/src/components')
| -rw-r--r-- | extension/react-app/src/components/Onboarding.tsx | 17 | 
1 files changed, 5 insertions, 12 deletions
| 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", | 
