lee/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2025-12-12 19:18:30 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Format

Browse Source
This commit is contained in:
Owen
2025-07-17 15:59:28 -07:00
parent 5148988dcc
commit 398e15b3c6
1 changed files with 59 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/app/[orgId]/settings/domains/CreateDomainForm.tsx
View File

@@ -214,13 +214,17 @@ export default function CreateDomainForm({
<InfoSections cols={1}> <InfoSections cols={1}>
<InfoSection> <InfoSection>
<InfoSectionTitle> <InfoSectionTitle>
{t("createDomainRecord")} {t(
"createDomainRecord"
)}
</InfoSectionTitle> </InfoSectionTitle>
<InfoSectionContent> <InfoSectionContent>
<div className="space-y-2"> <div className="space-y-2">
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-sm font-medium"> <span className="text-sm font-medium">
{t("createDomainType")} {t(
"createDomainType"
)}
</span> </span>
<span className="text-sm font-mono"> <span className="text-sm font-mono">
NS NS
@@ -228,14 +232,18 @@ export default function CreateDomainForm({
</div> </div>
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-sm font-medium"> <span className="text-sm font-medium">
{t("createDomainName")} {t(
"createDomainName"
)}
</span> </span>
<span className="text-sm font-mono"> <span className="text-sm font-mono">
{baseDomain} {baseDomain}
</span> </span>
</div> </div>
<span className="text-sm font-medium"> <span className="text-sm font-medium">
{t("createDomainValue")} {t(
"createDomainValue"
)}
</span> </span>
{createdDomain.nsRecords.map( {createdDomain.nsRecords.map(
( (
@@ -271,7 +279,9 @@ export default function CreateDomainForm({
.length > 0 && ( .length > 0 && (
<div> <div>
<h3 className="font-medium mb-3"> <h3 className="font-medium mb-3">
{t("createDomainCnameRecords")} {t(
"createDomainCnameRecords"
)}
</h3> </h3>
<InfoSections cols={1}> <InfoSections cols={1}>
{createdDomain.cnameRecords.map( {createdDomain.cnameRecords.map(
@@ -284,14 +294,23 @@ export default function CreateDomainForm({
index index
} }
> >
<InfoSectionTitle> <InfoSectionTitle>
{t("createDomainRecordNumber", { number: index + 1 })} {t(
</InfoSectionTitle> "createDomainRecordNumber",
{
number:
index +
1
}
)}
</InfoSectionTitle>
<InfoSectionContent> <InfoSectionContent>
<div className="space-y-2"> <div className="space-y-2">
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-sm font-medium"> <span className="text-sm font-medium">
{t("createDomainType")} {t(
"createDomainType"
)}
</span> </span>
<span className="text-sm font-mono"> <span className="text-sm font-mono">
CNAME CNAME
@@ -299,7 +318,9 @@ export default function CreateDomainForm({
</div> </div>
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-sm font-medium"> <span className="text-sm font-medium">
{t("createDomainName")} {t(
"createDomainName"
)}
</span> </span>
<span className="text-sm font-mono"> <span className="text-sm font-mono">
{ {
@@ -309,7 +330,9 @@ export default function CreateDomainForm({
</div> </div>
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-sm font-medium"> <span className="text-sm font-medium">
{t("createDomainValue")} {t(
"createDomainValue"
)}
</span> </span>
<CopyToClipboard <CopyToClipboard
text={ text={
@@ -331,7 +354,9 @@ export default function CreateDomainForm({
.length > 0 && ( .length > 0 && (
<div> <div>
<h3 className="font-medium mb-3"> <h3 className="font-medium mb-3">
{t("createDomainTxtRecords")} {t(
"createDomainTxtRecords"
)}
</h3> </h3>
<InfoSections cols={1}> <InfoSections cols={1}>
{createdDomain.txtRecords.map( {createdDomain.txtRecords.map(
@@ -344,14 +369,23 @@ export default function CreateDomainForm({
index index
} }
> >
<InfoSectionTitle> <InfoSectionTitle>
{t("createDomainRecordNumber", { number: index + 1 })} {t(
</InfoSectionTitle> "createDomainRecordNumber",
{
number:
index +
1
}
)}
</InfoSectionTitle>
<InfoSectionContent> <InfoSectionContent>
<div className="space-y-2"> <div className="space-y-2">
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-sm font-medium"> <span className="text-sm font-medium">
{t("createDomainType")} {t(
"createDomainType"
)}
</span> </span>
<span className="text-sm font-mono"> <span className="text-sm font-mono">
TXT TXT
@@ -359,7 +393,9 @@ export default function CreateDomainForm({
</div> </div>
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-sm font-medium"> <span className="text-sm font-medium">
{t("createDomainName")} {t(
"createDomainName"
)}
</span> </span>
<span className="text-sm font-mono"> <span className="text-sm font-mono">
{ {
@@ -369,7 +405,9 @@ export default function CreateDomainForm({
</div> </div>
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-sm font-medium"> <span className="text-sm font-medium">
{t("createDomainValue")} {t(
"createDomainValue"
)}
</span> </span>
<CopyToClipboard <CopyToClipboard
text={ text={
@@ -397,7 +435,9 @@ export default function CreateDomainForm({
{t("createDomainSaveTheseRecords")} {t("createDomainSaveTheseRecords")}
</AlertTitle> </AlertTitle>
<AlertDescription> <AlertDescription>
{t("createDomainSaveTheseRecordsDescription")} {t(
"createDomainSaveTheseRecordsDescription"
)}
</AlertDescription> </AlertDescription>
</Alert> </Alert>
))} ))}