diff --git a/frontend/src/pages/SignUp/SignUp.styles.scss b/frontend/src/pages/SignUp/SignUp.styles.scss index 72ba0288761d..193d2e12cb1f 100644 --- a/frontend/src/pages/SignUp/SignUp.styles.scss +++ b/frontend/src/pages/SignUp/SignUp.styles.scss @@ -59,7 +59,7 @@ } .signup-page-content { - width: 720px; + width: 540px; display: flex; flex-direction: column; @@ -102,7 +102,7 @@ flex-direction: column; .ant-input { - width: 60%; + width: 100%; } } diff --git a/frontend/src/pages/SignUp/SignUp.tsx b/frontend/src/pages/SignUp/SignUp.tsx index afb8099e6d7a..03d44bbfdc05 100644 --- a/frontend/src/pages/SignUp/SignUp.tsx +++ b/frontend/src/pages/SignUp/SignUp.tsx @@ -10,7 +10,6 @@ import afterLogin from 'AppRoutes/utils'; import ROUTES from 'constants/routes'; import { useNotifications } from 'hooks/useNotifications'; import history from 'lib/history'; -import { ArrowRight } from 'lucide-react'; import { useEffect, useState } from 'react'; import { useQuery } from 'react-query'; import { useLocation } from 'react-router-dom'; @@ -23,7 +22,6 @@ import { FormContainer, Label } from './styles'; import { isPasswordNotValidMessage, isPasswordValid } from './utils'; type FormValues = { - firstName: string; email: string; organizationName: string; password: string; @@ -114,10 +112,9 @@ function SignUp(): JSX.Element { const signUp = async (values: FormValues): Promise => { try { - const { organizationName, password, firstName, email } = values; + const { organizationName, password, email } = values; const response = await signUpApi({ email, - name: firstName, orgDisplayName: organizationName, password, token: params.get('token') || undefined, @@ -142,11 +139,10 @@ function SignUp(): JSX.Element { const acceptInvite = async (values: FormValues): Promise => { try { - const { password, email, firstName } = values; + const { password, email } = values; await accept({ password, token: params.get('token') || '', - displayName: firstName, }); const loginResponse = await loginApi({ email, @@ -208,7 +204,6 @@ function SignUp(): JSX.Element { if (!isPasswordValid(values.password)) { logEvent('Account Creation Page - Invalid Password', { email: values.email, - name: values.firstName, }); setIsPasswordPolicyError(true); setLoading(false); @@ -219,7 +214,6 @@ function SignUp(): JSX.Element { await signUp(values); logEvent('Account Created Successfully', { email: values.email, - name: values.firstName, }); } else { await acceptInvite(values); @@ -235,11 +229,6 @@ function SignUp(): JSX.Element { })(); }; - const getIsNameVisible = (): boolean => - !(form.getFieldValue('firstName') === 0 && !isSignUp); - - const isNameVisible = getIsNameVisible(); - const handleValuesChange: (changedValues: Partial) => void = ( changedValues, ) => { @@ -260,7 +249,6 @@ function SignUp(): JSX.Element { loading || !values.email || (!precheck.sso && (!values.password || !values.confirmPassword)) || - (!isDetailsDisable && !values.firstName) || confirmPasswordError || isPasswordPolicyError ); @@ -288,8 +276,8 @@ function SignUp(): JSX.Element { >
- Create your account to monitor, trace, and troubleshoot your applications - effortlessly. + You're almost in. Create a password to start monitoring your + applications with SigNoz.
@@ -307,47 +295,22 @@ function SignUp(): JSX.Element { - {isNameVisible && ( -
- {' '} - - - -
- )} - -
- {' '} - - - -
- {!precheck.sso && ( -
+ <>
- {' '} +
- {' '} +
-
+ )}
@@ -382,9 +345,9 @@ function SignUp(): JSX.Element { loading={loading} disabled={isValidForm()} className="periscope-btn primary next-btn" - icon={} + block > - Sign Up + Access My Workspace
diff --git a/frontend/src/types/api/user/signup.ts b/frontend/src/types/api/user/signup.ts index 163f414b45bd..a420780516a7 100644 --- a/frontend/src/types/api/user/signup.ts +++ b/frontend/src/types/api/user/signup.ts @@ -1,5 +1,4 @@ export interface Props { - name: string; orgDisplayName: string; email: string; password: string;