Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Map Circle Warning #1456

Merged
merged 7 commits into from Jun 28, 2021
Merged

Conversation

JGibbsWork
Copy link
Contributor

@JGibbsWork JGibbsWork commented Jun 20, 2021

Updated signup to include a confirmation dialogue wrapper warning about the circle surrounding the address. Not sure if we want to create a barrier for signing up, but it did seem like a more direct way to solve the problem for new users. Also added text below the map when editing your profile. More than happy to change either accordingly.

Frontend checklist

  • Formatted my code with yarn format && yarn lint --fix
  • There are no warnings from yarn lint
  • There are no console warnings when running the app
  • Added any new components to storybook
  • Added tests where relevant
  • All tests pass
  • Clicked around my changes running locally and it works
  • Checked Desktop, Mobile and Tablet screen sizes

@lucaslcode
Copy link
Member

@AllhandsNoFeet thoughts?

Copy link
Member

@lucaslcode lucaslcode left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems good to me for now.

Could you change ConfirmationDialogWrapper.tsx so it has a prop that lets you choose between "Okay" and "Yes" as the 'accept button'. Like confirmButtonLabel

I also noticed that if there's a server error ("you must be 18 yo to sign up"), it is hard to notice because the submit button is at the bottom of a long form.

Could you add this to signup.tsx

  useEffect(() => {
    if (authState.error) window.scroll({ top: 0, behavior: "smooth" });
  }, [authState.error]);

@@ -363,6 +364,9 @@ function RadiusSlider({ commit, initialRadius, redrawMap }: RadiusSliderProps) {
const [radius, setRadius] = useState(initialRadius);
return (
<>
<Typography color="secondary" gutterBottom={true}>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<Typography color="secondary" gutterBottom={true}>
<Typography variant="body2" gutterBottom>

I think that's sufficient

@JGibbsWork
Copy link
Contributor Author

Cool on it!

…to signup, made the adjustment on EditLocationMap
Copy link
Member

@lucaslcode lucaslcode left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tiny thing but looks good!

@@ -37,7 +39,9 @@ export default function ConfirmationDialogWrapper({
<DialogContentText>{message}</DialogContentText>
</DialogContent>
<DialogActions>
<Button onClick={handleConfirm}>Yes</Button>
<Button onClick={handleConfirm}>
{confirmButtonLabel ? confirmButtonLabel : "Yes"}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Better move the default to a constant (sorry)

Copy link
Member

@lucaslcode lucaslcode left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

@aapeliv
Copy link
Member

aapeliv commented Jun 27, 2021

Is this ready to merge? If so, feel free to merge it yourself @JGibbsWork

@JGibbsWork JGibbsWork marked this pull request as ready for review June 28, 2021 17:46
@JGibbsWork JGibbsWork merged commit 94262f9 into develop Jun 28, 2021
@JGibbsWork
Copy link
Contributor Author

Sorry about that! All set now!

@JGibbsWork JGibbsWork deleted the frontend/feature/confirm-map-location branch June 28, 2021 17:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants