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 && (
+
+ )}
);
}