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

Maker: Redesigned setup page #19863

Merged
merged 13 commits into from Jan 17, 2018
Merged

Maker: Redesigned setup page #19863

merged 13 commits into from Jan 17, 2018

Conversation

islemaster
Copy link
Contributor

@islemaster islemaster commented Jan 9, 2018

Redesigns the Maker setup page to display platform-specific information, and to move a lot of the verbose setup details into a support article that we reference if the more automated setup doesn't work.

Spec, support article

Known limitations

  • We're not surfacing the Linux installer through this page yet. That's probably not ship-blocking, and we may not want to make it available until we get an "update hint" working on Linux anyway.
  • We don't offer a way to view the OSX download from a windows box, or vice-versa. We should probably have an 'all downloads' link somewhere in the future, since browser detection will never be 100% accurate.
  • Intentionally not localized - our CSD course is English-only for now.

Screenshots

Maker Browser on Mac/Linux

image

Maker Browser on Windows

image

Chrome OS

image

Windows (not Maker Toolkit App)

image

OSX (not Maker Toolkit App)

image

Unsupported browser view

image

stepName="Using a supported browser"
stepStatus={Status.FAILED}
>
{isChrome() && `It looks like your Chrome version is ${getChromeVersion()}.`}
Copy link
Contributor

Choose a reason for hiding this comment

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

Is this necessary? Seems like this could never happen based on the if above

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Good point. I'll tear this out.

}

export function isChromeOS() {
return /\bCrOS\b/.test(navigator.userAgent);
Copy link
Contributor

Choose a reason for hiding this comment

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

I can't believe that's actually the string that ChromeOS uses...gross, but not our gross.

@islemaster islemaster force-pushed the maker-setup-page branch 2 times, most recently from e9108cb to 18944dc Compare January 16, 2018 19:56
@islemaster islemaster merged commit b0a2a94 into staging Jan 17, 2018
@islemaster islemaster deleted the maker-setup-page branch January 17, 2018 19:18
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

2 participants