Bryan Frimin
@@ -0,0 +1,501 @@
|
|||||||
|
import { useState } from "react";
|
||||||
|
import { useTranslate } from "@probo/i18n";
|
||||||
|
import { graphql, useLazyLoadQuery, useMutation } from "react-relay";
|
||||||
|
import { useOrganizationId } from "/hooks/useOrganizationId";
|
||||||
|
import {
|
||||||
|
Button,
|
||||||
|
Card,
|
||||||
|
Badge,
|
||||||
|
Field,
|
||||||
|
Dialog,
|
||||||
|
DialogContent,
|
||||||
|
DialogFooter,
|
||||||
|
useDialogRef,
|
||||||
|
useToast,
|
||||||
|
} from "@probo/ui";
|
||||||
|
import type { CustomDomainManagerQuery } from "./__generated__/CustomDomainManagerQuery.graphql";
|
||||||
|
import type { CustomDomainManagerCreateMutation } from "./__generated__/CustomDomainManagerCreateMutation.graphql";
|
||||||
|
import type { CustomDomainManagerDeleteMutation } from "./__generated__/CustomDomainManagerDeleteMutation.graphql";
|
||||||
|
|
||||||
|
const customDomainsQuery = graphql`
|
||||||
|
query CustomDomainManagerQuery($organizationId: ID!) {
|
||||||
|
organization: node(id: $organizationId) {
|
||||||
|
... on Organization {
|
||||||
|
id
|
||||||
|
customDomains(first: 100) {
|
||||||
|
edges {
|
||||||
|
node {
|
||||||
|
id
|
||||||
|
domain
|
||||||
|
sslStatus
|
||||||
|
isActive
|
||||||
|
dnsRecords {
|
||||||
|
type
|
||||||
|
name
|
||||||
|
value
|
||||||
|
ttl
|
||||||
|
purpose
|
||||||
|
}
|
||||||
|
createdAt
|
||||||
|
updatedAt
|
||||||
|
verifiedAt
|
||||||
|
sslExpiresAt
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
const createCustomDomainMutation = graphql`
|
||||||
|
mutation CustomDomainManagerCreateMutation($input: CreateCustomDomainInput!) {
|
||||||
|
createCustomDomain(input: $input) {
|
||||||
|
customDomainEdge {
|
||||||
|
node {
|
||||||
|
id
|
||||||
|
domain
|
||||||
|
sslStatus
|
||||||
|
isActive
|
||||||
|
dnsRecords {
|
||||||
|
type
|
||||||
|
name
|
||||||
|
value
|
||||||
|
ttl
|
||||||
|
purpose
|
||||||
|
}
|
||||||
|
createdAt
|
||||||
|
updatedAt
|
||||||
|
verifiedAt
|
||||||
|
sslExpiresAt
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
const deleteCustomDomainMutation = graphql`
|
||||||
|
mutation CustomDomainManagerDeleteMutation($input: DeleteCustomDomainInput!) {
|
||||||
|
deleteCustomDomain(input: $input) {
|
||||||
|
deletedCustomDomainId
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
function DomainDetailsDialog({
|
||||||
|
domain,
|
||||||
|
children,
|
||||||
|
onDelete,
|
||||||
|
isDeletingDomain,
|
||||||
|
}: {
|
||||||
|
domain: any;
|
||||||
|
children: React.ReactNode;
|
||||||
|
onDelete: (domainId: string, domainName: string) => void;
|
||||||
|
isDeletingDomain: boolean;
|
||||||
|
}) {
|
||||||
|
const { __ } = useTranslate();
|
||||||
|
const { toast } = useToast();
|
||||||
|
const dialogRef = useDialogRef();
|
||||||
|
|
||||||
|
const getStatusBadge = (domain: any) => {
|
||||||
|
if (domain.sslStatus === "ACTIVE") {
|
||||||
|
return <Badge variant="success">{__("Active")}</Badge>;
|
||||||
|
}
|
||||||
|
if (domain.sslStatus === "PROVISIONING" || domain.sslStatus === "RENEWING") {
|
||||||
|
return <Badge variant="warning">{__("Provisioning")}</Badge>;
|
||||||
|
}
|
||||||
|
if (domain.sslStatus === "PENDING") {
|
||||||
|
return <Badge variant="warning">{__("Pending")}</Badge>;
|
||||||
|
}
|
||||||
|
if (domain.sslStatus === "FAILED") {
|
||||||
|
return <Badge variant="danger">{__("Failed")}</Badge>;
|
||||||
|
}
|
||||||
|
if (domain.sslStatus === "EXPIRED") {
|
||||||
|
return <Badge variant="danger">{__("Expired")}</Badge>;
|
||||||
|
}
|
||||||
|
return <Badge variant="neutral">{__("Unknown")}</Badge>;
|
||||||
|
};
|
||||||
|
|
||||||
|
const copyToClipboard = (text: string) => {
|
||||||
|
navigator.clipboard.writeText(text);
|
||||||
|
toast({
|
||||||
|
title: __("Copied"),
|
||||||
|
description: __("Value copied to clipboard"),
|
||||||
|
variant: "success",
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Dialog
|
||||||
|
ref={dialogRef}
|
||||||
|
trigger={children}
|
||||||
|
title={
|
||||||
|
<div className="flex items-center gap-3">
|
||||||
|
<span>{domain.domain}</span>
|
||||||
|
{getStatusBadge(domain)}
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<DialogContent padded className="space-y-6">
|
||||||
|
{domain.verifiedAt && (
|
||||||
|
<p className="text-sm text-txt-secondary">
|
||||||
|
{__("Verified")} {new Date(domain.verifiedAt).toLocaleDateString()}
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{domain.sslStatus === "ACTIVE" ? (
|
||||||
|
<div className="bg-level-2 rounded-lg p-4">
|
||||||
|
<div className="flex items-start">
|
||||||
|
<svg
|
||||||
|
className="w-5 h-5 text-green-500 mt-0.5 mr-3 flex-shrink-0"
|
||||||
|
fill="none"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
strokeWidth="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||||
|
</svg>
|
||||||
|
<div>
|
||||||
|
<p className="font-medium mb-1">{__("Domain is active")}</p>
|
||||||
|
<p className="text-sm text-txt-secondary">
|
||||||
|
{__("Your custom domain is verified and SSL certificate is active")}
|
||||||
|
</p>
|
||||||
|
{domain.sslExpiresAt && (
|
||||||
|
<p className="text-xs text-txt-tertiary mt-2">
|
||||||
|
{__("SSL expires")} {new Date(domain.sslExpiresAt).toLocaleDateString()}
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div>
|
||||||
|
<h4 className="font-medium mb-3">{__("DNS Configuration")}</h4>
|
||||||
|
<p className="text-sm text-txt-secondary mb-4">
|
||||||
|
{__("Add these DNS records to your domain to complete verification")}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="space-y-3">
|
||||||
|
{domain.dnsRecords?.map((record: any, index: number) => (
|
||||||
|
<div key={index} className="bg-level-2 rounded-lg p-4">
|
||||||
|
<div className="flex items-center justify-between mb-2">
|
||||||
|
<span className="text-sm font-medium">{record.type}</span>
|
||||||
|
<Badge variant="neutral">{record.purpose}</Badge>
|
||||||
|
</div>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div>
|
||||||
|
<label className="text-xs text-txt-tertiary">{__("Name")}</label>
|
||||||
|
<div className="flex items-center gap-2 mt-1">
|
||||||
|
<code className="flex-1 text-sm bg-level-3 px-2 py-1 rounded">
|
||||||
|
{record.name}
|
||||||
|
</code>
|
||||||
|
<Button
|
||||||
|
variant="secondary"
|
||||||
|
onClick={() => copyToClipboard(record.name)}
|
||||||
|
>
|
||||||
|
{__("Copy")}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="text-xs text-txt-tertiary">{__("Value")}</label>
|
||||||
|
<div className="flex items-center gap-2 mt-1">
|
||||||
|
<code className="flex-1 text-sm bg-level-3 px-2 py-1 rounded break-all">
|
||||||
|
{record.value}
|
||||||
|
</code>
|
||||||
|
<Button
|
||||||
|
variant="secondary"
|
||||||
|
onClick={() => copyToClipboard(record.value)}
|
||||||
|
>
|
||||||
|
{__("Copy")}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{record.ttl && (
|
||||||
|
<div className="text-xs text-txt-tertiary">
|
||||||
|
TTL: {record.ttl}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{domain.sslStatus === "PENDING" && (
|
||||||
|
<div className="bg-level-2 rounded-lg p-4 mt-4">
|
||||||
|
<p className="text-sm">
|
||||||
|
{__("After adding the DNS records, verification will happen automatically. This may take a few minutes to propagate.")}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div className="pt-4 border-t border-border">
|
||||||
|
<Button
|
||||||
|
variant="danger"
|
||||||
|
onClick={() => {
|
||||||
|
dialogRef.current?.close();
|
||||||
|
onDelete(domain.id, domain.domain);
|
||||||
|
}}
|
||||||
|
disabled={isDeletingDomain}
|
||||||
|
>
|
||||||
|
{__("Delete Domain")}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</DialogContent>
|
||||||
|
</Dialog>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function CustomDomainManager() {
|
||||||
|
const { __ } = useTranslate();
|
||||||
|
const { toast } = useToast();
|
||||||
|
const organizationId = useOrganizationId();
|
||||||
|
const dialogRef = useDialogRef();
|
||||||
|
|
||||||
|
const data = useLazyLoadQuery<CustomDomainManagerQuery>(
|
||||||
|
customDomainsQuery,
|
||||||
|
{ organizationId },
|
||||||
|
{ fetchPolicy: "network-only" }
|
||||||
|
);
|
||||||
|
|
||||||
|
const [createCustomDomain, isCreatingDomain] =
|
||||||
|
useMutation<CustomDomainManagerCreateMutation>(createCustomDomainMutation);
|
||||||
|
const [deleteCustomDomain, isDeletingDomain] =
|
||||||
|
useMutation<CustomDomainManagerDeleteMutation>(deleteCustomDomainMutation);
|
||||||
|
|
||||||
|
const [newDomain, setNewDomain] = useState("");
|
||||||
|
|
||||||
|
const domains =
|
||||||
|
data.organization?.customDomains?.edges?.map((edge) => edge.node) || [];
|
||||||
|
|
||||||
|
const validateDomain = (domainInput: string): boolean => {
|
||||||
|
const domainRegex =
|
||||||
|
/^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]$/i;
|
||||||
|
return domainRegex.test(domainInput);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleAddDomain = () => {
|
||||||
|
const trimmedDomain = newDomain
|
||||||
|
.trim()
|
||||||
|
.toLowerCase()
|
||||||
|
.replace(/^https?:\/\//, "")
|
||||||
|
.replace(/\/$/, "");
|
||||||
|
|
||||||
|
if (!validateDomain(trimmedDomain)) {
|
||||||
|
toast({
|
||||||
|
title: __("Invalid Domain"),
|
||||||
|
description: __(
|
||||||
|
"Please enter a valid domain (e.g., compliance.example.com)"
|
||||||
|
),
|
||||||
|
variant: "error",
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
createCustomDomain({
|
||||||
|
variables: {
|
||||||
|
input: {
|
||||||
|
organizationId,
|
||||||
|
domain: trimmedDomain,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onCompleted: () => {
|
||||||
|
setNewDomain("");
|
||||||
|
dialogRef.current?.close();
|
||||||
|
|
||||||
|
toast({
|
||||||
|
title: __("Domain Added Successfully"),
|
||||||
|
description: __(
|
||||||
|
"Configure the DNS records below to verify and activate your domain"
|
||||||
|
),
|
||||||
|
variant: "success",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onError: (error) => {
|
||||||
|
toast({
|
||||||
|
title: __("Failed to Add Domain"),
|
||||||
|
description: error.message,
|
||||||
|
variant: "error",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDeleteDomain = (domainId: string, domainName: string) => {
|
||||||
|
if (!confirm(`${__("Are you sure you want to delete")} ${domainName}?`)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
deleteCustomDomain({
|
||||||
|
variables: {
|
||||||
|
input: { domainId },
|
||||||
|
},
|
||||||
|
onCompleted: () => {
|
||||||
|
toast({
|
||||||
|
title: __("Domain Deleted"),
|
||||||
|
description: __("The domain has been removed"),
|
||||||
|
variant: "success",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onError: (error) => {
|
||||||
|
toast({
|
||||||
|
title: __("Failed to Delete Domain"),
|
||||||
|
description: error.message,
|
||||||
|
variant: "error",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const getStatusBadge = (domain: any) => {
|
||||||
|
if (domain.sslStatus === "ACTIVE") {
|
||||||
|
return <Badge variant="success">{__("Active")}</Badge>;
|
||||||
|
}
|
||||||
|
if (domain.sslStatus === "PROVISIONING" || domain.sslStatus === "RENEWING") {
|
||||||
|
return <Badge variant="warning">{__("Provisioning")}</Badge>;
|
||||||
|
}
|
||||||
|
if (domain.sslStatus === "PENDING") {
|
||||||
|
return <Badge variant="warning">{__("Pending")}</Badge>;
|
||||||
|
}
|
||||||
|
if (domain.sslStatus === "FAILED") {
|
||||||
|
return <Badge variant="danger">{__("Failed")}</Badge>;
|
||||||
|
}
|
||||||
|
if (domain.sslStatus === "EXPIRED") {
|
||||||
|
return <Badge variant="danger">{__("Expired")}</Badge>;
|
||||||
|
}
|
||||||
|
return <Badge variant="neutral">{__("Unknown")}</Badge>;
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<div>
|
||||||
|
<h2 className="text-2xl font-semibold">{__("Custom Domains")}</h2>
|
||||||
|
<p className="text-sm text-txt-secondary mt-1">
|
||||||
|
{__("Use your own domain for your trust center")}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<Button onClick={() => dialogRef.current?.open()}>
|
||||||
|
{__("Add Domain")}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{domains.length === 0 ? (
|
||||||
|
<Card padded>
|
||||||
|
<div className="text-center py-12">
|
||||||
|
<div className="inline-flex items-center justify-center w-16 h-16 bg-level-2 rounded-full mb-4">
|
||||||
|
<svg
|
||||||
|
className="w-8 h-8 text-txt-tertiary"
|
||||||
|
fill="none"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
strokeWidth="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-lg font-medium mb-2">
|
||||||
|
{__("No custom domains yet")}
|
||||||
|
</h3>
|
||||||
|
<p className="text-sm text-txt-secondary mb-6">
|
||||||
|
{__(
|
||||||
|
"Add your own domain to make your trust center more professional"
|
||||||
|
)}
|
||||||
|
</p>
|
||||||
|
<Button onClick={() => dialogRef.current?.open()}>
|
||||||
|
{__("Add Your First Domain")}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
) : (
|
||||||
|
<Card>
|
||||||
|
<div className="divide-y divide-border">
|
||||||
|
{domains.map((domain: any) => (
|
||||||
|
<DomainDetailsDialog
|
||||||
|
key={domain.id}
|
||||||
|
domain={domain}
|
||||||
|
onDelete={handleDeleteDomain}
|
||||||
|
isDeletingDomain={isDeletingDomain}
|
||||||
|
>
|
||||||
|
<div className="p-4 cursor-pointer hover:bg-level-1 transition-colors">
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<div className="font-medium mb-1">{domain.domain}</div>
|
||||||
|
{getStatusBadge(domain)}
|
||||||
|
</div>
|
||||||
|
<svg
|
||||||
|
className="w-5 h-5 text-txt-tertiary"
|
||||||
|
fill="none"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
strokeWidth="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path d="M9 5l7 7-7 7" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</DomainDetailsDialog>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<Dialog
|
||||||
|
ref={dialogRef}
|
||||||
|
onClose={() => {
|
||||||
|
setNewDomain("");
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<DialogContent className="max-w-md" padded>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<h3 className="text-lg font-semibold mb-2">
|
||||||
|
{__("Add Custom Domain")}
|
||||||
|
</h3>
|
||||||
|
<p className="text-sm text-txt-secondary">
|
||||||
|
{__(
|
||||||
|
"Enter your domain and we'll generate the DNS records you need to add"
|
||||||
|
)}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Field
|
||||||
|
label={__("Domain")}
|
||||||
|
name="domain"
|
||||||
|
value={newDomain}
|
||||||
|
onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
|
||||||
|
setNewDomain(e.target.value)
|
||||||
|
}
|
||||||
|
placeholder="compliance.example.com"
|
||||||
|
help={__("Enter without http:// or https://")}
|
||||||
|
autoFocus
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div className="bg-level-2 rounded-lg p-3">
|
||||||
|
<p className="text-xs text-txt-secondary">
|
||||||
|
<strong>{__("Examples:")}</strong> compliance.example.com,
|
||||||
|
trust.example.com
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</DialogContent>
|
||||||
|
<DialogFooter>
|
||||||
|
<Button
|
||||||
|
onClick={handleAddDomain}
|
||||||
|
disabled={isCreatingDomain || !newDomain.trim()}
|
||||||
|
>
|
||||||
|
{isCreatingDomain ? __("Adding...") : __("Add Domain")}
|
||||||
|
</Button>
|
||||||
|
</DialogFooter>
|
||||||
|
</Dialog>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
229
apps/console/src/components/customDomains/__generated__/CustomDomainManagerCreateMutation.graphql.ts
generated
Normal file
229
apps/console/src/components/customDomains/__generated__/CustomDomainManagerCreateMutation.graphql.ts
generated
Normal file
@@ -0,0 +1,229 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<e1683e44614d1b0224fc8592dd72eb9f>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
|
export type SSLStatus = "ACTIVE" | "EXPIRED" | "EXPIRED" | "FAILED" | "PENDING" | "PROVISIONING" | "RENEWING";
|
||||||
|
export type CreateCustomDomainInput = {
|
||||||
|
domain: string;
|
||||||
|
organizationId: string;
|
||||||
|
};
|
||||||
|
export type CustomDomainManagerCreateMutation$variables = {
|
||||||
|
input: CreateCustomDomainInput;
|
||||||
|
};
|
||||||
|
export type CustomDomainManagerCreateMutation$data = {
|
||||||
|
readonly createCustomDomain: {
|
||||||
|
readonly customDomainEdge: {
|
||||||
|
readonly node: {
|
||||||
|
readonly createdAt: any;
|
||||||
|
readonly dnsRecords: ReadonlyArray<{
|
||||||
|
readonly name: string;
|
||||||
|
readonly purpose: string;
|
||||||
|
readonly ttl: number;
|
||||||
|
readonly type: string;
|
||||||
|
readonly value: string;
|
||||||
|
}>;
|
||||||
|
readonly domain: string;
|
||||||
|
readonly id: string;
|
||||||
|
readonly isActive: boolean;
|
||||||
|
readonly sslExpiresAt: any | null | undefined;
|
||||||
|
readonly sslStatus: SSLStatus;
|
||||||
|
readonly updatedAt: any;
|
||||||
|
readonly verifiedAt: any | null | undefined;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
export type CustomDomainManagerCreateMutation = {
|
||||||
|
response: CustomDomainManagerCreateMutation$data;
|
||||||
|
variables: CustomDomainManagerCreateMutation$variables;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ConcreteRequest = (function(){
|
||||||
|
var v0 = [
|
||||||
|
{
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "input"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v1 = [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "input",
|
||||||
|
"variableName": "input"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"concreteType": "CreateCustomDomainPayload",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "createCustomDomain",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "CustomDomainEdge",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "customDomainEdge",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "CustomDomain",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "domain",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "sslStatus",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "isActive",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "DNSRecordInstruction",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "dnsRecords",
|
||||||
|
"plural": true,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "type",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "name",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "value",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "ttl",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "purpose",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "createdAt",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "updatedAt",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "verifiedAt",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "sslExpiresAt",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
"fragment": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "CustomDomainManagerCreateMutation",
|
||||||
|
"selections": (v1/*: any*/),
|
||||||
|
"type": "Mutation",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
"kind": "Request",
|
||||||
|
"operation": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Operation",
|
||||||
|
"name": "CustomDomainManagerCreateMutation",
|
||||||
|
"selections": (v1/*: any*/)
|
||||||
|
},
|
||||||
|
"params": {
|
||||||
|
"cacheID": "f10f04ab871fe2b42cc29c5789dc103a",
|
||||||
|
"id": null,
|
||||||
|
"metadata": {},
|
||||||
|
"name": "CustomDomainManagerCreateMutation",
|
||||||
|
"operationKind": "mutation",
|
||||||
|
"text": "mutation CustomDomainManagerCreateMutation(\n $input: CreateCustomDomainInput!\n) {\n createCustomDomain(input: $input) {\n customDomainEdge {\n node {\n id\n domain\n sslStatus\n isActive\n dnsRecords {\n type\n name\n value\n ttl\n purpose\n }\n createdAt\n updatedAt\n verifiedAt\n sslExpiresAt\n }\n }\n }\n}\n"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "f2c706c80df1d0a9fa2e7ea4faa75fb3";
|
||||||
|
|
||||||
|
export default node;
|
||||||
92
apps/console/src/components/customDomains/__generated__/CustomDomainManagerDeleteMutation.graphql.ts
generated
Normal file
92
apps/console/src/components/customDomains/__generated__/CustomDomainManagerDeleteMutation.graphql.ts
generated
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<869106a8eb759c253f8578a596b748a0>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
|
export type DeleteCustomDomainInput = {
|
||||||
|
domainId: string;
|
||||||
|
};
|
||||||
|
export type CustomDomainManagerDeleteMutation$variables = {
|
||||||
|
input: DeleteCustomDomainInput;
|
||||||
|
};
|
||||||
|
export type CustomDomainManagerDeleteMutation$data = {
|
||||||
|
readonly deleteCustomDomain: {
|
||||||
|
readonly deletedCustomDomainId: string;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
export type CustomDomainManagerDeleteMutation = {
|
||||||
|
response: CustomDomainManagerDeleteMutation$data;
|
||||||
|
variables: CustomDomainManagerDeleteMutation$variables;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ConcreteRequest = (function(){
|
||||||
|
var v0 = [
|
||||||
|
{
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "input"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v1 = [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "input",
|
||||||
|
"variableName": "input"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"concreteType": "DeleteCustomDomainPayload",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "deleteCustomDomain",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "deletedCustomDomainId",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
"fragment": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "CustomDomainManagerDeleteMutation",
|
||||||
|
"selections": (v1/*: any*/),
|
||||||
|
"type": "Mutation",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
"kind": "Request",
|
||||||
|
"operation": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Operation",
|
||||||
|
"name": "CustomDomainManagerDeleteMutation",
|
||||||
|
"selections": (v1/*: any*/)
|
||||||
|
},
|
||||||
|
"params": {
|
||||||
|
"cacheID": "9f4a3ed02de61bc60a8370e3771ca7bd",
|
||||||
|
"id": null,
|
||||||
|
"metadata": {},
|
||||||
|
"name": "CustomDomainManagerDeleteMutation",
|
||||||
|
"operationKind": "mutation",
|
||||||
|
"text": "mutation CustomDomainManagerDeleteMutation(\n $input: DeleteCustomDomainInput!\n) {\n deleteCustomDomain(input: $input) {\n deletedCustomDomainId\n }\n}\n"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "e3878d11e361c3da2471363664150f3d";
|
||||||
|
|
||||||
|
export default node;
|
||||||
283
apps/console/src/components/customDomains/__generated__/CustomDomainManagerQuery.graphql.ts
generated
Normal file
283
apps/console/src/components/customDomains/__generated__/CustomDomainManagerQuery.graphql.ts
generated
Normal file
@@ -0,0 +1,283 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<04bd8d8635434cd05ea80edbb804b56f>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
|
export type SSLStatus = "ACTIVE" | "EXPIRED" | "EXPIRED" | "FAILED" | "PENDING" | "PROVISIONING" | "RENEWING";
|
||||||
|
export type CustomDomainManagerQuery$variables = {
|
||||||
|
organizationId: string;
|
||||||
|
};
|
||||||
|
export type CustomDomainManagerQuery$data = {
|
||||||
|
readonly organization: {
|
||||||
|
readonly customDomains?: {
|
||||||
|
readonly edges: ReadonlyArray<{
|
||||||
|
readonly node: {
|
||||||
|
readonly createdAt: any;
|
||||||
|
readonly dnsRecords: ReadonlyArray<{
|
||||||
|
readonly name: string;
|
||||||
|
readonly purpose: string;
|
||||||
|
readonly ttl: number;
|
||||||
|
readonly type: string;
|
||||||
|
readonly value: string;
|
||||||
|
}>;
|
||||||
|
readonly domain: string;
|
||||||
|
readonly id: string;
|
||||||
|
readonly isActive: boolean;
|
||||||
|
readonly sslExpiresAt: any | null | undefined;
|
||||||
|
readonly sslStatus: SSLStatus;
|
||||||
|
readonly updatedAt: any;
|
||||||
|
readonly verifiedAt: any | null | undefined;
|
||||||
|
};
|
||||||
|
}>;
|
||||||
|
};
|
||||||
|
readonly id?: string;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
export type CustomDomainManagerQuery = {
|
||||||
|
response: CustomDomainManagerQuery$data;
|
||||||
|
variables: CustomDomainManagerQuery$variables;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ConcreteRequest = (function(){
|
||||||
|
var v0 = [
|
||||||
|
{
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "organizationId"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v1 = [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "id",
|
||||||
|
"variableName": "organizationId"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v2 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v3 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": [
|
||||||
|
{
|
||||||
|
"kind": "Literal",
|
||||||
|
"name": "first",
|
||||||
|
"value": 100
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"concreteType": "CustomDomainConnection",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "customDomains",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "CustomDomainEdge",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "edges",
|
||||||
|
"plural": true,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "CustomDomain",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v2/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "domain",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "sslStatus",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "isActive",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "DNSRecordInstruction",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "dnsRecords",
|
||||||
|
"plural": true,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "type",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "name",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "value",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "ttl",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "purpose",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "createdAt",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "updatedAt",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "verifiedAt",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "sslExpiresAt",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": "customDomains(first:100)"
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
"fragment": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "CustomDomainManagerQuery",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": "organization",
|
||||||
|
"args": (v1/*: any*/),
|
||||||
|
"concreteType": null,
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"kind": "InlineFragment",
|
||||||
|
"selections": [
|
||||||
|
(v2/*: any*/),
|
||||||
|
(v3/*: any*/)
|
||||||
|
],
|
||||||
|
"type": "Organization",
|
||||||
|
"abstractKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Query",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
"kind": "Request",
|
||||||
|
"operation": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Operation",
|
||||||
|
"name": "CustomDomainManagerQuery",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": "organization",
|
||||||
|
"args": (v1/*: any*/),
|
||||||
|
"concreteType": null,
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "__typename",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
(v2/*: any*/),
|
||||||
|
{
|
||||||
|
"kind": "InlineFragment",
|
||||||
|
"selections": [
|
||||||
|
(v3/*: any*/)
|
||||||
|
],
|
||||||
|
"type": "Organization",
|
||||||
|
"abstractKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"params": {
|
||||||
|
"cacheID": "c561676e49338e212721ed12e1069dd0",
|
||||||
|
"id": null,
|
||||||
|
"metadata": {},
|
||||||
|
"name": "CustomDomainManagerQuery",
|
||||||
|
"operationKind": "query",
|
||||||
|
"text": "query CustomDomainManagerQuery(\n $organizationId: ID!\n) {\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n id\n customDomains(first: 100) {\n edges {\n node {\n id\n domain\n sslStatus\n isActive\n dnsRecords {\n type\n name\n value\n ttl\n purpose\n }\n createdAt\n updatedAt\n verifiedAt\n sslExpiresAt\n }\n }\n }\n }\n id\n }\n}\n"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "0aea6f600572fac571dbc0e1e6a3117c";
|
||||||
|
|
||||||
|
export default node;
|
||||||
@@ -37,6 +37,7 @@ import { InviteUserDialog } from "/components/organizations/InviteUserDialog";
|
|||||||
import { useDeleteOrganizationMutation } from "/hooks/graph/OrganizationGraph";
|
import { useDeleteOrganizationMutation } from "/hooks/graph/OrganizationGraph";
|
||||||
import { useNavigate } from "react-router";
|
import { useNavigate } from "react-router";
|
||||||
import { DeleteOrganizationDialog } from "/components/organizations/DeleteOrganizationDialog";
|
import { DeleteOrganizationDialog } from "/components/organizations/DeleteOrganizationDialog";
|
||||||
|
import { CustomDomainManager } from "/components/customDomains/CustomDomainManager";
|
||||||
|
|
||||||
const organizationSchema = z.object({
|
const organizationSchema = z.object({
|
||||||
name: z.string().min(1, "Organization name is required"),
|
name: z.string().min(1, "Organization name is required"),
|
||||||
@@ -321,6 +322,12 @@ export default function SettingsPage({ queryRef }: Props) {
|
|||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Custom Domains */}
|
||||||
|
<div className="space-y-4">
|
||||||
|
<h2 className="text-base font-medium">{__("Custom Domains")}</h2>
|
||||||
|
<CustomDomainManager />
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="space-y-4">
|
<div className="space-y-4">
|
||||||
<h2 className="text-base font-medium text-red-600">{__("Danger Zone")}</h2>
|
<h2 className="text-base font-medium text-red-600">{__("Danger Zone")}</h2>
|
||||||
<Card padded className="border-red-200 flex items-center gap-3">
|
<Card padded className="border-red-200 flex items-center gap-3">
|
||||||
|
|||||||
Reference in New Issue
Block a user