Update UI when IP address is unavailable and project is created via auctions

packages/frontend/src/pages/org-slug/projects/id/settings/Domains.tsx

@@ -62,31 +62,39 @@ const Domains = () => {
       headingText="Domains"
       button={
         <>
-          <Button
+          {!project.auctionId && (
-            as="a"
+            <Button
-            href="add"
+              as="a"
-            variant="secondary"
+              href="add"
-            leftIcon={<PlusIcon />}
+              variant="secondary"
-            size="md"
+              leftIcon={<PlusIcon />}
-          >
+              size="md"
-            Add domain
+            >
-          </Button>
+              Add domain
+            </Button>
+          )}
         </>
       }
     >
-      {domains.map((domain) => {
+      {project.auctionId ? (
-        return (
+        <p className="text-gray-500">
-          <DomainCard
+          Custom domains not supported for auction driven deployments.
-            domains={domains}
+        </p>
-            domain={domain}
+      ) : (
-            key={domain.id}
+        domains.map((domain) => {
-            // TODO: Use github API for getting linked repository
+          return (
-            branches={branches}
+            <DomainCard
-            project={project}
+              domains={domains}
-            onUpdate={fetchDomains}
+              domain={domain}
-          />
+              key={domain.id}
-        );
+              // TODO: Use github API for getting linked repository
-      })}
+              branches={branches}
+              project={project}
+              onUpdate={fetchDomains}
+            />
+          );
+        })
+      )}
     </ProjectSettingContainer>
   );
 };

packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx

@@ -74,9 +74,9 @@ const Config = () => {
         return;
       }
 
-        const dnsData = await client.getLatestDNSDataByProjectId(id);
+      const dnsData = await client.getLatestDNSDataByProjectId(id);
 
-        setIPAddress(dnsData.value);
+      setIPAddress(dnsData.value);
     };
 
     fetchDNSData();
@@ -102,18 +102,25 @@ const Config = () => {
           <Table.Row>
             <Table.RowHeaderCell>A</Table.RowHeaderCell>
             <Table.Cell>@</Table.Cell>
-            <Table.Cell>{IPAddress ?? 'Not Configured'}</Table.Cell>
+            <Table.Cell>
+              <p className={!IPAddress ? 'text-red-500' : ''}>
+                {IPAddress ?? 'Not available'}
+              </p>
+            </Table.Cell>
           </Table.Row>
         </Table.Body>
       </Table>
 
-      <InlineNotification
+      {IPAddress && (
-        variant="info"
+        <InlineNotification
-        title={`It can take up to 48 hours for these updates to reflect
+          variant="info"
+          title={`It can take up to 48 hours for these updates to reflect
         globally.`}
-      />
+        />
+      )}
       <Button
         className="w-fit"
+        disabled={!IPAddress}
         onClick={handleSubmitDomain}
         variant="primary"
         shape="default"