@@ -10,42 +10,52 @@ import {
1010 PREVIOUS_PRODUCT_NAME ,
1111} from "@/lib/constants" ;
1212import { Terminal } from "@/components/ui/terminal" ;
13+ import { useLocalStateZodDefault } from "@/hooks/store/useState" ;
14+ import { z } from "zod" ;
1315
1416export default function Page ( ) {
17+ const [ completedOnboarding ] = useLocalStateZodDefault (
18+ "desktop.completedOnboarding" ,
19+ z . boolean ( ) ,
20+ false ,
21+ ) ;
22+
1523 return (
1624 < div className = "flex flex-col items-start gap-4" >
1725 < div className = "flex flex-col" >
1826 < h1 className = "text-2xl font-bold dark:text-zinc-400" >
1927 Getting started
2028 </ h1 >
2129 </ div >
22- < section
23- className = "flex flex-col p-6 gap-4 w-full items-start text-white"
24- style = { {
25- backgroundColor : "var(--banner-bg)" ,
26- border : "1px solid var(--banner-border)" ,
27- borderRadius : "var(--banner-radius)" ,
28- } }
29- >
30- < div className = "flex flex-row gap-4 w-full items-center" >
31- < Logo size = { 42 } />
32- < div className = "flex flex-col gap-1" >
33- < h1 className = "font-bold text-xl font-ember leading-none" >
34- { PREVIOUS_PRODUCT_NAME } CLI is now { PRODUCT_NAME } CLI
35- </ h1 >
36- < p className = "text-base leading-tight" >
37- All existing features remain unchanged.{ " " }
38- < Link
39- href = { Q_MIGRATION_URL }
40- className = "font-medium"
41- variant = "primary"
42- >
43- Learn more
44- </ Link >
45- </ p >
30+ { completedOnboarding && (
31+ < section
32+ className = "flex flex-col p-6 gap-4 w-full items-start text-white"
33+ style = { {
34+ backgroundColor : "var(--banner-bg)" ,
35+ border : "1px solid var(--banner-border)" ,
36+ borderRadius : "var(--banner-radius)" ,
37+ } }
38+ >
39+ < div className = "flex flex-row gap-4 w-full items-center" >
40+ < Logo size = { 42 } />
41+ < div className = "flex flex-col gap-1" >
42+ < h1 className = "font-bold text-xl font-ember leading-none" >
43+ { PREVIOUS_PRODUCT_NAME } CLI is now { PRODUCT_NAME } CLI
44+ </ h1 >
45+ < p className = "text-base leading-tight" >
46+ All existing features remain unchanged.{ " " }
47+ < Link
48+ href = { Q_MIGRATION_URL }
49+ className = "font-medium"
50+ variant = "primary"
51+ >
52+ Learn more
53+ </ Link >
54+ </ p >
55+ </ div >
4656 </ div >
47- </ div >
48- </ section >
57+ </ section >
58+ ) }
4959 < div className = "flex flex-col gap-2 w-full border bg-zinc-50 border-zinc-200 dark:bg-zinc-900 dark:border-zinc-600 rounded-lg p-4 mb-4 overflow-x-auto" >
5060 < h2 className = "font-bold font-ember tracking-tight text-lg dark:text-zinc-300" >
5161 Launch a new shell session to start using autocomplete!
0 commit comments