diff options
| -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> |