From cca4b51c8f779ea2bce60142cb6ce7780573bd61 Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Mon, 16 Dec 2019 11:27:27 +1100
Subject: [PATCH] remove showSubtitle option on registration page

---
 _locales/en/messages.json                     |  4 ---
 stylesheets/_session_signin.scss              | 18 ----------
 ts/components/session/AccentText.tsx          | 32 ++++-------------
 .../session/SessionRegistrationView.tsx       | 36 ++++++-------------
 4 files changed, 18 insertions(+), 72 deletions(-)

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index 49b27add9..2a95145b3 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -2356,10 +2356,6 @@
   "beginYourSession": {
     "message": "Begin<br />your<br />Session."
   },
-  "ensuringPeaceOfMind...": {
-    "message":
-      " Ensuring <span class=\"redacted\">peace of</span> mind, one <span class=\"redacted\">session</span> at a time."
-  },
   "welcomeToYourSession": {
     "message": "Welcome to your Session!"
   },
diff --git a/stylesheets/_session_signin.scss b/stylesheets/_session_signin.scss
index e8c7b8ebd..9e50f3a5d 100644
--- a/stylesheets/_session_signin.scss
+++ b/stylesheets/_session_signin.scss
@@ -24,24 +24,6 @@
           font-weight: 700;
           line-height: 120px;
         }
-
-        .subtitle {
-          font-size: 18px;
-          font-weight: 700;
-
-          .redacted {
-            background: $session-color-white;
-            white-space: nowrap;
-            transition: background-color $session-transition-duration ease;
-            border-radius: 100px;
-            padding-left: 7px;
-            padding-right: 7px;
-
-            &:hover {
-              background-color: $session-color-black;
-            }
-          }
-        }
       }
     }
 
diff --git a/ts/components/session/AccentText.tsx b/ts/components/session/AccentText.tsx
index 1baa6aff6..d7a562afc 100644
--- a/ts/components/session/AccentText.tsx
+++ b/ts/components/session/AccentText.tsx
@@ -2,28 +2,10 @@ import React from 'react';
 
 import { SessionHtmlRenderer } from './SessionHTMLRenderer';
 
-interface Props {
-  showSubtitle?: boolean;
-}
-export class AccentText extends React.PureComponent<Props> {
-  constructor(props: any) {
-    super(props);
-  }
-
-  public render() {
-    const { showSubtitle } = this.props;
-
-    return (
-      <div className="session-content-accent-text">
-        <div className="session-content-accent-text title">
-          <SessionHtmlRenderer html={window.i18n('beginYourSession')} />
-        </div>
-        {showSubtitle && (
-          <div className="session-content-accent-text subtitle">
-            <SessionHtmlRenderer html={window.i18n('ensuringPeaceOfMind...')} />
-          </div>
-        )}
-      </div>
-    );
-  }
-}
+export const AccentText: React.FC = () => (
+  <div className="session-content-accent-text">
+    <div className="session-content-accent-text title">
+      <SessionHtmlRenderer html={window.i18n('beginYourSession')} />
+    </div>
+  </div>
+);
diff --git a/ts/components/session/SessionRegistrationView.tsx b/ts/components/session/SessionRegistrationView.tsx
index 27abde408..dbc50466e 100644
--- a/ts/components/session/SessionRegistrationView.tsx
+++ b/ts/components/session/SessionRegistrationView.tsx
@@ -3,28 +3,14 @@ import { AccentText } from './AccentText';
 
 import { RegistrationTabs } from './RegistrationTabs';
 
-interface Props {
-  showSubtitle: boolean;
-}
-
-export class SessionRegistrationView extends React.Component<Props> {
-  constructor(props: Props) {
-    super(props);
-  }
-
-  public render() {
-    const { showSubtitle } = this.props;
-
-    return (
-      <div className="session-content">
-        <div id="error" className="collapse" />
-        <div className="session-content-accent">
-          <AccentText showSubtitle={showSubtitle} />
-        </div>
-        <div className="session-content-registration">
-          <RegistrationTabs />
-        </div>
-      </div>
-    );
-  }
-}
+export const SessionRegistrationView: React.FC = () => (
+  <div className="session-content">
+    <div id="error" className="collapse" />
+    <div className="session-content-accent">
+      <AccentText />
+    </div>
+    <div className="session-content-registration">
+      <RegistrationTabs />
+    </div>
+  </div>
+);