/* @flow */
import React, { PureComponent } from 'react';

import { Screen, RawLabel, Centerer } from '../common';

export default class WelcomeHelpScreen extends PureComponent<{}> {
  render() {
    return (
      <Screen title="Help" padding>
        <Centerer>
          <RawLabel
            text={
              "Zulip combines the immediacy of Slack with an email threading model. With Zulip, you can catch up on important conversations while ignoring irrelevant ones.\n\nNew to Zulip? You'll need to first create an account from your computer.\n\nIf you're not sure where to start, go to zulipchat.com from your web browser.\n\nHope to see you back here soon!"
            }
          />
        </Centerer>
      </Screen>
    );
  }
}

@@ -300,23 +300,9 @@
 t=%7B%0A
-              %22
+%60
 Zuli
@@ -453,20 +453,18 @@
 nt ones.
-%5Cn%5Cn
+%0A%0A
 New to Z
@@ -527,20 +527,18 @@
 omputer.
-%5Cn%5Cn
+%0A%0A
 If you'r
@@ -610,12 +610,10 @@
 ser.
-%5Cn%5Cn
+%0A%0A
 Hope
@@ -639,17 +639,18 @@
 re soon!
-%22
+%0A%60
 %0A       

Format the source of the help prose a bit better.