From 8cbc873451f6b9611b589657adb957d5c25f7f15 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 3 Apr 2021 14:29:08 -0700
Subject: [PATCH] chore: Clarify flow on /create page

---
 app/scenes/Login/Provider.js |  2 +-
 app/scenes/Login/index.js    | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/scenes/Login/Provider.js b/app/scenes/Login/Provider.js
index e166ea990..15351cd99 100644
--- a/app/scenes/Login/Provider.js
+++ b/app/scenes/Login/Provider.js
@@ -106,7 +106,7 @@ class Provider extends React.Component<Props, State> {
           icon={icon ? <Logo>{icon}</Logo> : null}
           fullwidth
         >
-          {isCreate ? "Sign up" : "Continue"} with {name}
+          Continue with {name}
         </ButtonLarge>
       </Wrapper>
     );
diff --git a/app/scenes/Login/index.js b/app/scenes/Login/index.js
index f98f02000..a054162e6 100644
--- a/app/scenes/Login/index.js
+++ b/app/scenes/Login/index.js
@@ -104,7 +104,12 @@ function Login({ location }: Props) {
         </Logo>
 
         {isCreate ? (
-          <Heading centered>Create an account</Heading>
+          <>
+            <Heading centered>Create an account</Heading>
+            <GetStarted>
+              Get started by choosing a sign-in method for your new team below…
+            </GetStarted>
+          </>
         ) : (
           <Heading centered>Login to {config.name || "Outline"}</Heading>
         )}
@@ -170,6 +175,11 @@ const Logo = styled.div`
   height: 38px;
 `;
 
+const GetStarted = styled(HelpText)`
+  text-align: center;
+  margin-top: -12px;
+`;
+
 const Note = styled(HelpText)`
   text-align: center;
   font-size: 14px;