From b1549c6ae2ea020f85ab4a84780babce584b7c3f Mon Sep 17 00:00:00 2001
From: "Mr. X" <mjkgoa@gmail.com>
Date: Wed, 22 Apr 2020 22:09:33 +0530
Subject: [PATCH] fix: create account button inline

---
 ui/component/invited/view.jsx | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/ui/component/invited/view.jsx b/ui/component/invited/view.jsx
index ab50a8cea..cbe8f963c 100644
--- a/ui/component/invited/view.jsx
+++ b/ui/component/invited/view.jsx
@@ -132,12 +132,21 @@ function Invited(props: Props) {
       <Card
         title={__(`You're invited!`)}
         subtitle={
-          referrerIsChannel
-            ? __(
-                `Content freedom and a present from %channel_name% are waiting for you. Create an account to claim it.`,
-                { channel_name: referrerChannelName }
-              )
-            : __(`Content freedom and a present are waiting for you. Create an account to claim it.`)
+          <div>
+            <p>
+              {referrerIsChannel
+                ? __(`Content freedom and a present from %channel_name% are waiting for you. `, {
+                    channel_name: referrerChannelName,
+                  })
+                : __(`Content freedom and a present are waiting for you. `)}
+              <Button
+                button="link"
+                label={hasVerifiedEmail ? __(`Finish verification `) : __(`Create an account `)}
+                navigate={`/$/${PAGES.AUTH}?redirect=/$/${PAGES.INVITE}/${referrer}`}
+              />{' '}
+              to claim it.
+            </p>
+          </div>
         }
         body={
           referrerIsChannel && (
@@ -149,11 +158,6 @@ function Invited(props: Props) {
         }
         actions={
           <div className="card__actions">
-            <Button
-              button="primary"
-              label={hasVerifiedEmail ? __('Finish Account') : __('Create Account')}
-              navigate={`/$/${PAGES.AUTH}?redirect=/$/${PAGES.INVITE}/${referrer}`}
-            />
             <Button button="link" label={__('Skip')} onClick={handleDone} />
           </div>
         }