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 | 67d6a3f0ea00e55aea47b4eeff4cdb0d8321ce2f (patch) | |
| tree | efa03b2f4db58732a96b7b9160247b8f6dbec515 /extension/react-app/src | |
| parent | 72ade108029a1f3a1f5964501ff4670e655efa6b (diff) | |
| download | sncontinue-67d6a3f0ea00e55aea47b4eeff4cdb0d8321ce2f.tar.gz sncontinue-67d6a3f0ea00e55aea47b4eeff4cdb0d8321ce2f.tar.bz2 sncontinue-67d6a3f0ea00e55aea47b4eeff4cdb0d8321ce2f.zip | |
onboarding fix
Diffstat (limited to 'extension/react-app/src')
| -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> |