mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-15 14:20:38 +08:00
37 lines
1.4 KiB
JavaScript
37 lines
1.4 KiB
JavaScript
import React from 'react';
|
|
import {RetinaImg} from 'nylas-component-kit';
|
|
import OnboardingActions from './onboarding-actions';
|
|
|
|
export default class WelcomePage extends React.Component {
|
|
static displayName = "WelcomePage";
|
|
|
|
_onContinue = () => {
|
|
// We don't have a NylasId yet and therefore can't track the "Welcome
|
|
// Page Finished" event.
|
|
//
|
|
// If a user already has a Nylas ID and gets to this page (which
|
|
// happens if they sign out of all of their accounts), then it would
|
|
// properly fire. This is a rare case though and we don't want
|
|
// analytics users thinking it's part of the full funnel.
|
|
//
|
|
// Actions.recordUserEvent('Welcome Page Finished');
|
|
OnboardingActions.moveToPage("tutorial");
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className="page welcome">
|
|
<div className="steps-container">
|
|
<div>
|
|
<RetinaImg className="logo" style={{marginTop: 166}} url="nylas://onboarding/assets/nylas-logo@2x.png" mode={RetinaImg.Mode.ContentPreserve} />
|
|
<p className="hero-text" style={{fontSize: 46, marginTop: 57}}>Welcome to Nylas N1</p>
|
|
<RetinaImg className="icons" url="nylas://onboarding/assets/icons-bg@2x.png" mode={RetinaImg.Mode.ContentPreserve} />
|
|
</div>
|
|
</div>
|
|
<div className="footer">
|
|
<button key="next" className="btn btn-large btn-continue" onClick={this._onContinue}>Get Started</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|