Remove UI elements for domain verification

packages/frontend/src/components/projects/project/settings/DomainCard.tsx

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