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

Frontend for contact page #545

Merged
merged 14 commits into from Dec 21, 2022
Merged

Frontend for contact page #545

merged 14 commits into from Dec 21, 2022

Conversation

rosalieper
Copy link
Contributor

No description provided.

@github-actions
Copy link

Deployment previews on netlify for branch refs/pull/545/merge will be at the following locations (when build is done):

@rosalieper rosalieper changed the title Contact Page Frontend for contact page Sep 30, 2022
@rosalieper rosalieper force-pushed the contactPage branch 2 times, most recently from 3ff4f5e to f16beb3 Compare September 30, 2022 14:40
link the contact page on the home page and the footer.
Added mock backend api for testing.

Bug: T318400
@tarrow
Copy link
Contributor

tarrow commented Nov 30, 2022

Generally looks good to me from a code perspective.

I added a thought to the ticket about which key the recaptcha token is sent in. Right now this is not in the key specified in the ticket but it might be that we want to change the specification not the code.

One thing that is notable is that this doesn't implement some error state. We should probably add that. (see https://phabricator.wikimedia.org/T318400#8428059).

@tarrow
Copy link
Contributor

tarrow commented Nov 30, 2022

Generally the functionality looks like the mock. The only thing I notice is missing (other than the above error handling) is length limits on the other fields and "required" validation. I think we "agreed" 300 chars would be sensible for these other fields. Probably best not to show a counter on these though :)

@dati18
Copy link
Contributor

dati18 commented Nov 30, 2022

@tarrow
Copy link
Contributor

tarrow commented Dec 1, 2022

so I think the message field should have both the validation and the counter.

I think the other fields should have the validation (for both being "required" if the are and for the max length) but no counter

errorMessage: false
}),
methods: {
closeAlert () {
Copy link
Contributor

Choose a reason for hiding this comment

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

This method will close the snackbar in both case (success and error). I don't know if it'll be better if I have 2 separate methods for each case? @tarrow

Copy link
Contributor

Choose a reason for hiding this comment

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

I think there isn't a massive motivation to go in either direction. Right now I think this is fine :)

@tarrow
Copy link
Contributor

tarrow commented Dec 19, 2022

Quite some time on: I think this now meets with the requirements and closely matches figma.

I believe that the precise levels of the headings in figma do not match, however in order to visually replicate the figma docs this current version seems to make sense.

I shall approve the PR but will hold off on merging until the "sister" PR for the backend has successfully made it to production.

@tarrow
Copy link
Contributor

tarrow commented Dec 21, 2022

Look like we want to chase up any missing padding bits once this makes it to the users :)

@tarrow tarrow merged commit 2ff642f into main Dec 21, 2022
@tarrow tarrow deleted the contactPage branch December 21, 2022 12:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants