diff --git a/ui/package.json b/ui/package.json
index 7b2774c4d0..06dc9e5b9d 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -183,7 +183,6 @@
"react-router": "^3.0.2",
"react-router-redux": "^4.0.8",
"react-scrollbars-custom": "^4.0.0-alpha.8",
- "react-spring": "^8.0.27",
"react-virtualized": "^9.18.5",
"redux": "^4.0.0",
"redux-auth-wrapper": "^1.0.0",
diff --git a/ui/src/onboarding/components/HelperText.tsx b/ui/src/onboarding/components/HelperText.tsx
new file mode 100644
index 0000000000..a15059104e
--- /dev/null
+++ b/ui/src/onboarding/components/HelperText.tsx
@@ -0,0 +1,21 @@
+import React, {FC} from 'react'
+import {
+ FontWeight,
+ Heading,
+ HeadingElement,
+ Typeface,
+} from '@influxdata/clockface'
+
+const HelperText: FC = ({children}) => (
+
+ {children}
+
+)
+
+export default HelperText
diff --git a/ui/src/onboarding/components/LoginForm.tsx b/ui/src/onboarding/components/LoginForm.tsx
index 13827d5766..74ef280bb1 100644
--- a/ui/src/onboarding/components/LoginForm.tsx
+++ b/ui/src/onboarding/components/LoginForm.tsx
@@ -1,5 +1,5 @@
// Libraries
-import React, {FC, useState, ChangeEvent} from 'react'
+import React, {FC, useState, ChangeEvent, MouseEvent} from 'react'
import {
Button,
ButtonShape,
@@ -8,20 +8,23 @@ import {
ComponentColor,
ComponentSize,
ComponentStatus,
- FontWeight,
+ FlexBox,
Form,
Grid,
- Heading,
- HeadingElement,
Input,
InputType,
- Typeface,
VisibilityInput,
+ FlexDirection,
+ JustifyContent,
} from '@influxdata/clockface'
+import HelperText from 'src/onboarding/components/HelperText'
// Types
import {FormFieldValidation} from 'src/types'
+// Constants
+import {CLOUD_URL} from 'src/shared/constants'
+
interface Props {
buttonStatus: ComponentStatus
emailValidation: FormFieldValidation
@@ -29,7 +32,7 @@ interface Props {
passwordValidation: FormFieldValidation
password: string
handleInputChange: (event: ChangeEvent) => void
- handleForgotPasswordClick: () => void
+ handleForgotPasswordClick: (event: MouseEvent) => void
}
export const LoginForm: FC = ({
@@ -45,7 +48,7 @@ export const LoginForm: FC = ({
return (
<>
-
+
= ({
-
- Forgot Password?
-
+
+
+ Forgot Password
+
+
+
+ Sign Up
+
+