Skip to content

2020 Community survey banner #3289

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

Merged
merged 19 commits into from
Oct 1, 2020
Merged

Conversation

rachelnabors
Copy link
Contributor

@rachelnabors rachelnabors commented Sep 29, 2020

Adds a banner for our 2020 community survey. The banner opens and closes and won't be visible until Sept 30th. It will disappear and be ready for code removal after Oct 12

Screenshot 2020-09-29 at 11 16 36

Screenshot 2020-09-29 at 11 16 21

@reactjs-bot
Copy link

reactjs-bot commented Sep 29, 2020

Deploy preview for reactjs ready!

Built with commit 1eec972

https://deploy-preview-3289--reactjs.netlify.app

@gaearon
Copy link
Member

gaearon commented Sep 29, 2020

I'm seeing some console warnings.

Screenshot 2020-09-29 at 11 15 04

Screenshot 2020-09-29 at 11 15 08

The second one seems important. It says the DOM structure isn't valid (nested links) which causes unpredictable behavior in React.

@gaearon
Copy link
Member

gaearon commented Sep 29, 2020

Doesn't look good on iPhone. I think we need fewer words.

Screenshot 2020-09-29 at 11 19 22

Copy link
Member

@gaearon gaearon left a comment

Choose a reason for hiding this comment

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

Need to fix nested links (both from the technical standpoint and from the design one — I find it a bit confusing we have a blue link call to action but actually the whole thing except margins is also a link).

Need to fix display on small screens, probably by shortening the message.

@bvaughn
Copy link
Contributor

bvaughn commented Sep 30, 2020

Follow up PR #3295

Force-pushed my changes to this branch.

Copy link
Member

@gaearon gaearon left a comment

Choose a reason for hiding this comment

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

I need to do some work here to remove the content jump.

@gaearon gaearon merged commit aef8fb3 into reactjs:master Oct 1, 2020
@espipj
Copy link

espipj commented Nov 12, 2020

If you guys could deactivate the banner as the survey has already expired... I can open a PR 😃

@bvaughn
Copy link
Contributor

bvaughn commented Nov 12, 2020

Oh, that doesn't seem good. The survey wasn't supposed to expire until December 13th.

@gaearon
Copy link
Member

gaearon commented Nov 12, 2020

No, it was supposed to expire (the original date had a typo that's been fixed).

@espipj Are you saying you are seeing the banner? It isn't supposed to be showing for several weeks by now.

@espipj
Copy link

espipj commented Nov 12, 2020

@gaearon still there image

Once you dismiss it keeps closed in the following visits at least :)

@espipj
Copy link

espipj commented Nov 12, 2020

@alexkrolick
Copy link
Collaborator

That appears to be because Firefox parses the date strictly and won't let you leave off the time in ISO format.

new Date('2020-12-13Z')
> Invalid Date

So these two lines are not valid:

https://github.com/reactjs/reactjs.org/pull/3289/files#diff-023eb4be0e5096f5a778ef1dfee421162b529c473ad2c2c7f3e12534eeaa44b7R68-R69

@bvaughn
Copy link
Contributor

bvaughn commented Nov 12, 2020

Nice catch, @alexkrolick.

A PR that fixes this would be welcome (from anyone in the above thread).

@alexkrolick
Copy link
Collaborator

https://github.com/reactjs/reactjs.org/pull/3384/files

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants