feat: Display domain on cluster card

Author: dawsontoth

src/features/clusters/components/ClusterCard.tsx

@@ -122,9 +122,10 @@ export function ClusterCard({ cluster }: { cluster: Cluster }) {
 		});
 	}, [router, cluster.organizationId, cluster.id, cluster.name, terminateCluster, isSelfManaged, queryClient]);
 
+	const clusterFQDN = cluster.domains?.[0]?.domain || cluster.fqdn;
 	const [onCopyFQDNClick, onCopyAPIClick] = useCopyToClipboard(
-		`${cluster.fqdn}`,
-		`https://${cluster.fqdn}`,
+		`${clusterFQDN}`,
+		`https://${clusterFQDN}`,
 	);
 
 	const menuItems = [
@@ -194,10 +195,10 @@ export function ClusterCard({ cluster }: { cluster: Cluster }) {
 		<Card className="relative h-full justify-between">
 			<CardHeader>
 				<CardDescription className="flex items-center justify-between">
-					{cluster.fqdn
+					{clusterFQDN
 						? (
 							<>
-								<span className="truncate max-w-48">{cluster.fqdn}</span>
+								<span className="truncate max-w-48">{clusterFQDN}</span>
 								<CopyIcon onClick={onCopyFQDNClick} size={16} className="cursor-pointer" />
 								<span className="grow"></span>
 							</>

src/integrations/api/api.patch.d.ts

@@ -96,6 +96,7 @@ export interface Cluster extends SchemaCluster {
 	// TODO: Can we return enums from the server to make this easier?
 	status?: string | 'PROVISIONING' | 'UPDATING' | 'RUNNING' | 'TERMINATED' | 'FAILED';
 	domainIds?: string[];
+	domains?: Array<{ domain: string }>;
 }
 
 export interface InstanceDatabaseMap {