-
Notifications
You must be signed in to change notification settings - Fork 3.6k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(ui): made slight UI changes to the login page as per design requ…
…ests (#17255)
- Loading branch information
Showing
7 changed files
with
1,692 additions
and
31 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -8,11 +8,15 @@ import { | |
ComponentStatus, | ||
FlexBox, | ||
FlexDirection, | ||
FontWeight, | ||
Grid, | ||
Heading, | ||
HeadingElement, | ||
JustifyContent, | ||
Method, | ||
Panel, | ||
SelectGroup, | ||
Typeface, | ||
} from '@influxdata/clockface' | ||
import auth0js, {WebAuth} from 'auth0-js' | ||
|
||
|
@@ -60,7 +64,7 @@ interface State { | |
} | ||
|
||
class LoginPageContents extends PureComponent<DispatchProps> { | ||
private auth0?: typeof WebAuth | ||
private auth0: typeof WebAuth | ||
|
||
state: State = { | ||
activeTab: ActiveTab.Login, | ||
|
@@ -80,7 +84,7 @@ class LoginPageContents extends PureComponent<DispatchProps> { | |
public async componentDidMount() { | ||
try { | ||
const config = await getAuth0Config() | ||
this.auth0 = auth0js.WebAuth({ | ||
this.auth0 = new auth0js.WebAuth({ | ||
domain: config.domain, | ||
clientID: config.clientID, | ||
redirectUri: config.redirectURL, | ||
|
@@ -118,8 +122,14 @@ class LoginPageContents extends PureComponent<DispatchProps> { | |
className="sign-up--form" | ||
> | ||
<div className="sign-up--login-container"> | ||
<h2>Create your Free InfluxDB Cloud Account</h2> | ||
<p className="sign-up--login-text">No credit card required</p> | ||
<Heading | ||
element={HeadingElement.H5} | ||
type={Typeface.Rubik} | ||
weight={FontWeight.Regular} | ||
className="sign-up--subheader" | ||
> | ||
No credit card required | ||
</Heading> | ||
</div> | ||
<Panel className="sign-up--form-panel"> | ||
<Panel.Header size={ComponentSize.Large}> | ||
|
@@ -170,13 +180,13 @@ class LoginPageContents extends PureComponent<DispatchProps> { | |
color={ComponentColor.Default} | ||
> | ||
<SelectGroup.Option | ||
titleText="Login" | ||
titleText="Log In" | ||
value={ActiveTab.Login} | ||
id="login-option" | ||
active={loginTabActive} | ||
onClick={this.handleTabChange} | ||
> | ||
Login | ||
Log In | ||
</SelectGroup.Option> | ||
<SelectGroup.Option | ||
titleText="Sign Up" | ||
|
@@ -404,7 +414,7 @@ class LoginPageContents extends PureComponent<DispatchProps> { | |
const emailError = `An account with that email address already exists. Try logging in instead.` | ||
this.setState({...errors, emailError}) | ||
} else { | ||
const emailError = `We have been notified of an issue while creating your account. If this issue persists, please contact [email protected]` | ||
const emailError = `We have been notified of an issue while accessing your account. If this issue persists, please contact [email protected]` | ||
this.setState({...errors, emailError}) | ||
} | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -1018,10 +1018,10 @@ | |
debug "^3.1.0" | ||
lodash.once "^4.1.1" | ||
|
||
"@influxdata/[email protected].1": | ||
version "2.0.1" | ||
resolved "https://registry.yarnpkg.com/@influxdata/clockface/-/clockface-2.0.1.tgz#a7447d19849ef864dc6e086623e8ca971cdcf39b" | ||
integrity sha512-9zbdCWeRLDOSut7jllvS70iWHizKDha1ph7m6Zj7WLn0CiMbA8GGfwlKzrGI5TsFDvh8oT+SeNomYxLEjCj8JA== | ||
"@influxdata/[email protected].2": | ||
version "2.0.2" | ||
resolved "https://registry.yarnpkg.com/@influxdata/clockface/-/clockface-2.0.2.tgz#7dff9d99b984717bd540920fda15584e07a198d2" | ||
integrity sha512-t5XmAEpjP9u5S+LeZ34k+Zm3iklpmWS5MfmSlUQ0lhfxxmpK7PHXsRYHvvXsw65h5tvj6Qdeks5ISwBxghxeWA== | ||
|
||
"@influxdata/[email protected]": | ||
version "0.3.1" | ||
|