Remove UI elements for domain verification
This commit is contained in:
parent
f2ba931961
commit
6a79ee5c47
@ -14,23 +14,23 @@ import EditDomainDialog from './EditDomainDialog';
|
|||||||
import { useGQLClient } from 'context/GQLClientContext';
|
import { useGQLClient } from 'context/GQLClientContext';
|
||||||
import { DeleteDomainDialog } from 'components/projects/Dialog/DeleteDomainDialog';
|
import { DeleteDomainDialog } from 'components/projects/Dialog/DeleteDomainDialog';
|
||||||
import { useToast } from 'components/shared/Toast';
|
import { useToast } from 'components/shared/Toast';
|
||||||
import { Tag } from 'components/shared/Tag';
|
// import { Tag } from 'components/shared/Tag';
|
||||||
import {
|
import {
|
||||||
CheckIcon,
|
// CheckIcon,
|
||||||
CrossIcon,
|
// CrossIcon,
|
||||||
GearIcon,
|
GearIcon,
|
||||||
LoadingIcon,
|
// LoadingIcon,
|
||||||
} from 'components/shared/CustomIcon';
|
} from 'components/shared/CustomIcon';
|
||||||
import { Heading } from 'components/shared/Heading';
|
import { Heading } from 'components/shared/Heading';
|
||||||
import { Button } from 'components/shared/Button';
|
import { Button } from 'components/shared/Button';
|
||||||
import { useParams } from 'react-router-dom';
|
import { useParams } from 'react-router-dom';
|
||||||
|
|
||||||
enum RefreshStatus {
|
// enum RefreshStatus {
|
||||||
IDLE,
|
// IDLE,
|
||||||
CHECKING,
|
// CHECKING,
|
||||||
CHECK_SUCCESS,
|
// CHECK_SUCCESS,
|
||||||
CHECK_FAIL,
|
// CHECK_FAIL,
|
||||||
}
|
// }
|
||||||
|
|
||||||
interface DomainCardProps {
|
interface DomainCardProps {
|
||||||
domains: Domain[];
|
domains: Domain[];
|
||||||
@ -40,7 +40,7 @@ interface DomainCardProps {
|
|||||||
onUpdate: () => Promise<void>;
|
onUpdate: () => Promise<void>;
|
||||||
}
|
}
|
||||||
|
|
||||||
const CHECK_FAIL_TIMEOUT = 5000; // In milliseconds
|
// const CHECK_FAIL_TIMEOUT = 5000; // In milliseconds
|
||||||
|
|
||||||
// TODO: Get domain record
|
// TODO: Get domain record
|
||||||
const DOMAIN_RECORD = {
|
const DOMAIN_RECORD = {
|
||||||
@ -58,7 +58,7 @@ const DomainCard = ({
|
|||||||
}: DomainCardProps) => {
|
}: DomainCardProps) => {
|
||||||
const { toast, dismiss } = useToast();
|
const { toast, dismiss } = useToast();
|
||||||
const { id } = useParams();
|
const { id } = useParams();
|
||||||
const [refreshStatus, SetRefreshStatus] = useState(RefreshStatus.IDLE);
|
// const [refreshStatus, SetRefreshStatus] = useState(RefreshStatus.IDLE);
|
||||||
const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
|
const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
|
||||||
const [editDialogOpen, setEditDialogOpen] = useState(false);
|
const [editDialogOpen, setEditDialogOpen] = useState(false);
|
||||||
const [IPAddress, setIPAddress] = useState<string>();
|
const [IPAddress, setIPAddress] = useState<string>();
|
||||||
@ -112,7 +112,7 @@ const DomainCard = ({
|
|||||||
<div className="flex justify-start gap-1">
|
<div className="flex justify-start gap-1">
|
||||||
<Heading as="h6" className="flex-col">
|
<Heading as="h6" className="flex-col">
|
||||||
{domain.name}{' '}
|
{domain.name}{' '}
|
||||||
<Tag
|
{/* <Tag
|
||||||
type={
|
type={
|
||||||
domain.status === DomainStatus.Live ? 'positive' : 'negative'
|
domain.status === DomainStatus.Live ? 'positive' : 'negative'
|
||||||
}
|
}
|
||||||
@ -125,12 +125,12 @@ const DomainCard = ({
|
|||||||
}
|
}
|
||||||
>
|
>
|
||||||
{domain.status}
|
{domain.status}
|
||||||
</Tag>
|
</Tag> */}
|
||||||
</Heading>
|
</Heading>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex justify-start gap-1">
|
<div className="flex justify-start gap-1">
|
||||||
<i
|
{/* <i
|
||||||
id="refresh"
|
id="refresh"
|
||||||
className="cursor-pointer"
|
className="cursor-pointer"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
@ -145,7 +145,7 @@ const DomainCard = ({
|
|||||||
) : (
|
) : (
|
||||||
'L'
|
'L'
|
||||||
)}
|
)}
|
||||||
</i>
|
</i> */}
|
||||||
<Menu placement="bottom-end">
|
<Menu placement="bottom-end">
|
||||||
<MenuHandler>
|
<MenuHandler>
|
||||||
<Button iconOnly>
|
<Button iconOnly>
|
||||||
@ -186,11 +186,11 @@ const DomainCard = ({
|
|||||||
<Typography variant="small">Production</Typography>
|
<Typography variant="small">Production</Typography>
|
||||||
{domain.status === DomainStatus.Pending && (
|
{domain.status === DomainStatus.Pending && (
|
||||||
<Card className="bg-slate-100 p-4 text-sm">
|
<Card className="bg-slate-100 p-4 text-sm">
|
||||||
{refreshStatus === RefreshStatus.IDLE ? (
|
{/* {refreshStatus === RefreshStatus.IDLE ? ( */}
|
||||||
<Heading>
|
<Heading>
|
||||||
^ Add these records to your domain and refresh to check
|
^ Add these records to your domain {/* and refresh to check */}
|
||||||
</Heading>
|
</Heading>
|
||||||
) : refreshStatus === RefreshStatus.CHECKING ? (
|
{/* ) : refreshStatus === RefreshStatus.CHECKING ? (
|
||||||
<Heading className="text-blue-500">
|
<Heading className="text-blue-500">
|
||||||
^ Checking records for {domain.name}
|
^ Checking records for {domain.name}
|
||||||
</Heading>
|
</Heading>
|
||||||
@ -201,7 +201,7 @@ const DomainCard = ({
|
|||||||
hours. Please ensure you added the correct records and refresh.
|
hours. Please ensure you added the correct records and refresh.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)} */}
|
||||||
|
|
||||||
<table>
|
<table>
|
||||||
<thead>
|
<thead>
|
||||||
|
Loading…
Reference in New Issue
Block a user