diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-07-11 18:25:48 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-07-11 18:25:48 -0700 |
| commit | 4d7b530fb453383bc4082a4d946cb6a9d76178d3 (patch) | |
| tree | 7d8740f8513a73ab2a4a48e404337490d83fe7ea /extension/react-app | |
| parent | 19e79b9336fd9abe5776655ece25224d22d92ad8 (diff) | |
| download | sncontinue-4d7b530fb453383bc4082a4d946cb6a9d76178d3.tar.gz sncontinue-4d7b530fb453383bc4082a4d946cb6a9d76178d3.tar.bz2 sncontinue-4d7b530fb453383bc4082a4d946cb6a9d76178d3.zip | |
onboarding fix
Diffstat (limited to 'extension/react-app')
| -rw-r--r-- | extension/react-app/src/components/Onboarding.tsx | 27 |
1 files changed, 11 insertions, 16 deletions
diff --git a/extension/react-app/src/components/Onboarding.tsx b/extension/react-app/src/components/Onboarding.tsx index 061faba5..1b37acc4 100644 --- a/extension/react-app/src/components/Onboarding.tsx +++ b/extension/react-app/src/components/Onboarding.tsx @@ -87,25 +87,20 @@ const Onboarding = () => { paddingRight: "50px", paddingBottom: "50px", textAlign: "center", + cursor: "pointer", }} > - <div - style={{ - cursor: "pointer", - }} + <StyledSpan + hidden={counter === 0} + onClick={() => setCounter((prev) => Math.max(prev - 1, 0))} > - <StyledSpan - hidden={counter === 0} - onClick={() => setCounter((prev) => Math.max(prev - 1, 0))} - > - <ArrowLeft width="18px" strokeWidth="2px" /> Previous - </StyledSpan> - <span hidden={counter === 0}>{" | "}</span> - <StyledSpan onClick={() => setCounter((prev) => prev + 1)}> - Click to {counter === 3 || "learn how to"} use Continue{" "} - <ArrowRight width="18px" strokeWidth="2px" /> - </StyledSpan> - </div> + <ArrowLeft width="18px" strokeWidth="2px" /> Previous + </StyledSpan> + <span hidden={counter === 0}>{" | "}</span> + <StyledSpan onClick={() => setCounter((prev) => prev + 1)}> + Click to {counter === 3 || "learn how to"} use Continue{" "} + <ArrowRight width="18px" strokeWidth="2px" /> + </StyledSpan> </p> </div> </StyledDiv> |