diff --git a/app/client/src/pages/UserAuth/RecentDomainsSection.tsx b/app/client/src/pages/UserAuth/RecentDomainsSection.tsx new file mode 100644 index 0000000000..45e315d602 --- /dev/null +++ b/app/client/src/pages/UserAuth/RecentDomainsSection.tsx @@ -0,0 +1,74 @@ +import { Button, Text } from "@appsmith/ads"; +import { + createMessage, + YOU_VE_ALREADY_SIGNED_INTO, +} from "ee/constants/messages"; +import React from "react"; +import { getRecentDomains, isValidAppsmithDomain } from "utils/multiOrgDomains"; + +const RecentDomainsSection: React.FC = () => { + const recentDomains = getRecentDomains(); + + if (recentDomains.length === 0) { + return null; + } + + return ( +
+
+ {createMessage(YOU_VE_ALREADY_SIGNED_INTO)} +
+ +
+ {recentDomains.map((domain, index) => { + const orgName = domain + .split(".")[0] + .split("-") + .map((word) => word.charAt(0).toUpperCase() + word.slice(1)) + .join(" "); + + const avatarLetter = orgName.charAt(0).toUpperCase(); + + const isLastItem = index === recentDomains.length - 1; + + return ( +
+
+
+ {avatarLetter} +
+
+ + {orgName} + + + {domain} + +
+
+ +
+ ); + })} +
+
+ ); +}; + +export default RecentDomainsSection; diff --git a/app/client/src/pages/UserAuth/SignUp.tsx b/app/client/src/pages/UserAuth/SignUp.tsx index 14b4e75aba..75851ed1b0 100644 --- a/app/client/src/pages/UserAuth/SignUp.tsx +++ b/app/client/src/pages/UserAuth/SignUp.tsx @@ -28,7 +28,6 @@ import { VISIT_OUR_DOCS, SIGN_IN_TO_AN_EXISTING_ORGANISATION, USING_APPSMITH, - YOU_VE_ALREADY_SIGNED_INTO, } from "ee/constants/messages"; import FormTextField from "components/utils/ReduxFormTextField"; import ThirdPartyAuth from "pages/UserAuth/ThirdPartyAuth"; @@ -66,7 +65,7 @@ import { isLoginHostname } from "utils/cloudBillingUtils"; import { appsmithTelemetry } from "instrumentation"; import { getIsAiAgentInstanceEnabled } from "ee/selectors/aiAgentSelectors"; import { getSafeErrorMessage } from "ee/constants/approvedErrorMessages"; -import { getRecentDomains, isValidAppsmithDomain } from "utils/multiOrgDomains"; +import RecentDomainsSection from "./RecentDomainsSection"; declare global { interface Window { @@ -76,7 +75,6 @@ declare global { } } const { cloudHosting, googleRecaptchaSiteKey } = getAppsmithConfigs(); -const recentDomains = getRecentDomains(); const validate = (values: SignupFormValues) => { const errors: SignupFormValues = {}; @@ -96,63 +94,6 @@ const validate = (values: SignupFormValues) => { return errors; }; -const recentDomainsSection = recentDomains.length > 0 && ( -
-
- {createMessage(YOU_VE_ALREADY_SIGNED_INTO)} -
- -
- {recentDomains.map((domain, index) => { - const orgName = domain - .split(".")[0] - .split("-") - .map((word) => word.charAt(0).toUpperCase() + word.slice(1)) - .join(" "); - - const avatarLetter = String.fromCharCode(65 + (index % 26)); - - const isLastItem = index === recentDomains.length - 1; - - return ( -
-
-
- {avatarLetter} -
-
- - {orgName} - - - {domain} - -
-
- -
- ); - })} -
-
-); - type SignUpFormProps = InjectedFormProps< SignupFormValues, { emailValue: string } @@ -372,7 +313,9 @@ export function SignUp(props: SignUpFormProps) { )} {isCloudBillingEnabled && isHostnameEqualtoLogin && cloudBillingSignIn} - {isCloudBillingEnabled && isHostnameEqualtoLogin && recentDomainsSection} + {isCloudBillingEnabled && isHostnameEqualtoLogin && ( + + )} ); }