message: Implement first time user experience on Events page
diff: @@ -16,6 +16,8 @@ import { TextFilter } from './factory';
  import { Dropdown, ResourceLink, Box, Loading, NavTitle, Timestamp, TogglePlay, pluralize } from './utils';
  import { WSFactory } from '../module/ws-factory';
  import { ResourceListDropdown } from './resource-dropdown';
  +import { connectToFlags, FLAGS, flagPending } from '../features';
  +import { OpenShiftGettingStarted } from './start-guide';
  const maxMessages = 500;
  const flushInterval = 500;
  @@ -119,7 +121,7 @@ class SysEvent extends React.Component {
  const categories = {all: 'All Categories', info: 'Info', error: 'Error'};
  -export class EventStreamPage extends React.Component {
  +class EventsStreamPage_ extends React.Component {
  constructor (props) {
  super(props);
  this.state = {
  @@ -131,8 +133,15 @@ export class EventStreamPage extends React.Component {
  render () {
  const { category, kind, textFilter } = this.state;
  - const { showTitle=true, autoFocus=true } = this.props;
  + const { flags, showTitle=true, autoFocus=true } = this.props;
  + if (flagPending(flags.OPENSHIFT) || flagPending(flags.PROJECTS_AVAILABLE)) {
  + return null;
  + }
  + const showGettingStarted = flags.OPENSHIFT && !flags.PROJECTS_AVAILABLE;
  +
  return <React.Fragment>
  + { showGettingStarted && <OpenShiftGettingStarted /> }
  + <div className={classNames({'co-disabled': showGettingStarted })}>
  { showTitle && <Helmet>
  <title>Events</title>
  </Helmet> }
  @@ -146,11 +155,14 @@ export class EventStreamPage extends React.Component {
  <TextFilter label="Events by message" onChange={e => this.setState({textFilter: e.target.value || ''})} autoFocus={autoFocus} />
  </div>
  </div>
  - <EventStream {...this.props} category={category} kind={kind} textFilter={textFilter} />
  + <EventStream {...this.props} category={category} kind={kind} textFilter={textFilter} fake={showGettingStarted} />
  + </div>
  </React.Fragment>;
  }
  }
  +export const EventStreamPage = connectToFlags(FLAGS.OPENSHIFT, FLAGS.PROJECTS_AVAILABLE)(EventsStreamPage_);
  +
  class EventStream extends SafetyFirst {
  constructor (props) {
  super(props);
  