lee/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2025-12-13 11:36:04 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

add hide free domain option to domain picker

Browse Source
This commit is contained in:
miloschwartz
2025-09-10 15:36:05 -07:00
parent a4571a80ae
commit bedc5adb75
2 changed files with 44 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
messages/en-US.json
View File

@@ -1504,5 +1504,18 @@
"internationaldomaindetected": "International Domain Detected",
"willbestoredas": "Will be stored as:",
"idpGoogleDescription": "Google OAuth2/OIDC provider",
"idpAzureDescription": "Microsoft Azure OAuth2/OIDC provider"
"idpAzureDescription": "Microsoft Azure OAuth2/OIDC provider",
"domainPickerProvidedDomain": "Provided Domain",
"domainPickerFreeProvidedDomain": "Free Provided Domain",
"domainPickerVerified": "Verified",
"domainPickerUnverified": "Unverified",
"domainPickerInvalidSubdomainStructure": "This subdomain contains invalid characters or structure. It will be sanitized automatically when you save.",
"domainPickerError": "Error",
"domainPickerErrorLoadDomains": "Failed to load organization domains",
"domainPickerErrorCheckAvailability": "Failed to check domain availability",
"domainPickerInvalidSubdomain": "Invalid subdomain",
"domainPickerInvalidSubdomainRemoved": "The input \"{sub}\" was removed because it's not valid.",
"domainPickerInvalidSubdomainCannotMakeValid": "\"{sub}\" could not be made valid for {domain}.",
"domainPickerSubdomainSanitized": "Subdomain sanitized",
"domainPickerSubdomainCorrected": "\"{sub}\" was corrected to \"{sanitized}\""
}

58
src/components/DomainPicker.tsx
View File

@@ -79,12 +79,14 @@ interface DomainPicker2Props {
baseDomain: string;
}) => void;
cols?: number;
hideFreeDomain?: boolean;
}
export default function DomainPicker2({
orgId,
onDomainChange,
cols = 2
cols = 2,
hideFreeDomain = false
}: DomainPicker2Props) {
const { env } = useEnvContext();
const api = createApiClient({ env });
@@ -153,12 +155,12 @@ export default function DomainPicker2({
fullDomain: firstOrgDomain.baseDomain,
baseDomain: firstOrgDomain.baseDomain
});
} else if (build === "saas" || build === "enterprise") {
} else if ((build === "saas" || build === "enterprise") && !hideFreeDomain) {
// If no organization domains, select the provided domain option
const domainOptionText =
build === "enterprise"
? "Provided Domain"
: "Free Provided Domain";
? t("domainPickerProvidedDomain")
: t("domainPickerFreeProvidedDomain");
const freeDomainOption: DomainOption = {
id: "provided-search",
domain: domainOptionText,
@@ -171,8 +173,8 @@ export default function DomainPicker2({
console.error("Failed to load organization domains:", error);
toast({
variant: "destructive",
title: "Error",
description: "Failed to load organization domains"
title: t("domainPickerError"),
description: t("domainPickerErrorLoadDomains")
});
} finally {
setLoadingDomains(false);
@@ -180,7 +182,7 @@ export default function DomainPicker2({
};
loadOrganizationDomains();
}, [orgId, api]);
}, [orgId, api, hideFreeDomain]);
const checkAvailability = useCallback(
async (input: string) => {
@@ -202,8 +204,8 @@ export default function DomainPicker2({
setAvailableOptions([]);
toast({
variant: "destructive",
title: "Error",
description: "Failed to check domain availability"
title: t("domainPickerError"),
description: t("domainPickerErrorCheckAvailability")
});
} finally {
setIsChecking(false);
@@ -246,11 +248,11 @@ export default function DomainPicker2({
});
});
if (build === "saas" || build === "enterprise") {
if ((build === "saas" || build === "enterprise") && !hideFreeDomain) {
const domainOptionText =
build === "enterprise"
? "Provided Domain"
: "Free Provided Domain";
? t("domainPickerProvidedDomain")
: t("domainPickerFreeProvidedDomain");
options.push({
id: "provided-search",
domain: domainOptionText,
@@ -269,8 +271,8 @@ export default function DomainPicker2({
if (!sanitized) {
toast({
variant: "destructive",
title: "Invalid subdomain",
description: `The input "${sub}" was removed because it's not valid.`,
title: t("domainPickerInvalidSubdomain"),
description: t("domainPickerInvalidSubdomainRemoved", { sub }),
});
return "";
}
@@ -283,16 +285,16 @@ export default function DomainPicker2({
if (!ok) {
toast({
variant: "destructive",
title: "Invalid subdomain",
description: `"${sub}" could not be made valid for ${base.domain}.`,
title: t("domainPickerInvalidSubdomain"),
description: t("domainPickerInvalidSubdomainCannotMakeValid", { sub, domain: base.domain }),
});
return "";
}
if (sub !== sanitized) {
toast({
title: "Subdomain sanitized",
description: `"${sub}" was corrected to "${sanitized}"`,
title: t("domainPickerSubdomainSanitized"),
description: t("domainPickerSubdomainCorrected", { sub, sanitized }),
});
}
@@ -453,7 +455,7 @@ export default function DomainPicker2({
/>
{showSubdomainInput && subdomainInput && !isValidSubdomainStructure(subdomainInput) && (
<p className="text-sm text-red-500">
This subdomain contains invalid characters or structure. It will be sanitized automatically when you save.
{t("domainPickerInvalidSubdomainStructure")}
</p>
)}
{showSubdomainInput && !subdomainInput && (
@@ -555,8 +557,8 @@ export default function DomainPicker2({
{orgDomain.type.toUpperCase()}{" "}
•{" "}
{orgDomain.verified
? "Verified"
: "Unverified"}
? t("domainPickerVerified")
: t("domainPickerUnverified")}
</span>
</div>
<Check
@@ -574,14 +576,14 @@ export default function DomainPicker2({
</CommandList>
</CommandGroup>
{(build === "saas" ||
build === "enterprise") && (
build === "enterprise") && !hideFreeDomain && (
<CommandSeparator className="my-2" />
)}
</>
)}
{(build === "saas" ||
build === "enterprise") && (
build === "enterprise") && !hideFreeDomain && (
<CommandGroup
heading={
build === "enterprise"
@@ -601,8 +603,8 @@ export default function DomainPicker2({
domain:
build ===
"enterprise"
? "Provided Domain"
: "Free Provided Domain",
? t("domainPickerProvidedDomain")
: t("domainPickerFreeProvidedDomain"),
type: "provided-search"
})
}
@@ -614,8 +616,8 @@ export default function DomainPicker2({
<div className="flex flex-col flex-1 min-w-0">
<span className="font-medium truncate">
{build === "enterprise"
? "Provided Domain"
: "Free Provided Domain"}
? t("domainPickerProvidedDomain")
: t("domainPickerFreeProvidedDomain")}
</span>
<span className="text-xs text-muted-foreground">
{t(
@@ -771,4 +773,4 @@ function debounce<T extends (...args: any[]) => any>(
func(...args);
}, wait);
};
}
}