diff options
Diffstat (limited to 'apps/web/src/components/onboarding.tsx')
| -rw-r--r-- | apps/web/src/components/onboarding.tsx | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/apps/web/src/components/onboarding.tsx b/apps/web/src/components/onboarding.tsx index c118e7c2..d72ac0f6 100644 --- a/apps/web/src/components/onboarding.tsx +++ b/apps/web/src/components/onboarding.tsx @@ -5,7 +5,6 @@ import { Button } from "./ui/button"; import { ArrowRightIcon } from "lucide-react"; import { useState, useEffect } from "react"; import ReactMarkdown from "react-markdown"; -import { VisuallyHidden } from "./ui/visually-hidden"; export function Onboarding() { const [step, setStep] = useState(0); @@ -56,7 +55,7 @@ export function Onboarding() { return ( <div className="space-y-5"> <div className="space-y-3"> - <Title title="⚠️ This is a super early beta!" /> + <Title title={getStepTitle()} /> <Description description="OpenCut started just one month ago. There's still a ton of things to do to make this editor amazing." /> <Description description="If you're curious, check out our roadmap [here](https://opencut.app/roadmap)" /> </div> @@ -67,7 +66,7 @@ export function Onboarding() { return ( <div className="space-y-5"> <div className="space-y-3"> - <Title title="🦋 Have fun testing!" /> + <Title title={getStepTitle()} /> <Description description="Join our [Discord](https://discord.gg/zmR9N35cjK), chat with cool people and share feedback to help make OpenCut the best editor ever." /> </div> <NextButton onClick={handleClose}>Finish</NextButton> @@ -82,7 +81,7 @@ export function Onboarding() { <Dialog open={isOpen} onOpenChange={handleClose}> <DialogContent className="sm:max-w-[425px] !outline-none"> <DialogTitle> - <VisuallyHidden>{getStepTitle()}</VisuallyHidden> + <span className="sr-only">{getStepTitle()}</span> </DialogTitle> {renderStepContent()} </DialogContent> |