From 51eb476750235010a9e6bad2772c157f8cb36aff Mon Sep 17 00:00:00 2001
From: Thanatat Tamtan <acoshift@gmail.com>
Date: Sun, 9 Mar 2025 17:55:14 +0700
Subject: [PATCH] domain: allow downgrade

---
 .../(auth)/(project)/domain/+page.svelte      |  2 +-
 .../(project)/domain/detail/+page.svelte      | 34 ++++++++++++++++---
 2 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/src/routes/(auth)/(project)/domain/+page.svelte b/src/routes/(auth)/(project)/domain/+page.svelte
index bc5f6cf..edb2964 100644
--- a/src/routes/(auth)/(project)/domain/+page.svelte
+++ b/src/routes/(auth)/(project)/domain/+page.svelte
@@ -58,7 +58,7 @@
 				{#each domains as it (`${it.domain}-${it.location}`)}
 					<tr>
 						<td>
-							<StatusIcon status={it.verification.ssl.pending ? 'verify' : it.status} />
+							<StatusIcon status={it.cdn && it.verification.ssl.pending ? 'verify' : it.status} />
 							<a href={`/domain/detail?project=${project}&domain=${it.domain}`} class="nm-link">{it.domain}</a>
 						</td>
 						<td>
diff --git a/src/routes/(auth)/(project)/domain/detail/+page.svelte b/src/routes/(auth)/(project)/domain/detail/+page.svelte
index 5b4173b..d3056b5 100644
--- a/src/routes/(auth)/(project)/domain/detail/+page.svelte
+++ b/src/routes/(auth)/(project)/domain/detail/+page.svelte
@@ -178,8 +178,8 @@
 
 	function upgradeCdn () {
 		modal.confirm({
-			html: `Add CDN to "${domain.domain}" ?<br><br>This action can not roll back.`,
-			yes: 'Upgrade to Hostname',
+			html: `Add CDN to "${domain.domain}" ?`,
+			yes: 'Upgrade',
 			callback: async () => {
 				const resp = await api.invoke('domain.create', {
 					project,
@@ -197,6 +197,28 @@
 			}
 		})
 	}
+
+	function downgradeCdn () {
+		modal.confirm({
+			html: `Remove CDN from "${domain.domain}" ?`,
+			yes: 'Downgrade',
+			callback: async () => {
+				const resp = await api.invoke('domain.create', {
+					project,
+					location: domain.location,
+					domain: domain.domain,
+					wildcard: domain.wildcard,
+					cdn: false
+				}, fetch)
+				if (!resp.ok) {
+					modal.error({ error: resp.error })
+					return
+				}
+				await api.invalidate('domain.get')
+				handleReload()
+			}
+		})
+	}
 </script>
 
 <div class="nm-breadcrumb">
@@ -432,8 +454,12 @@
 		{/if}
 	</div>
 
-	{#if !domain.cdn}
-		<hr>
+	<hr>
+	{#if domain.cdn}
+		<div class="_dp-f _alit-ct _fw-w">
+			<button class="nm-button" onclick={downgradeCdn}>Remove CDN (DDoS Protection)</button>
+		</div>
+	{:else}
 		<div class="_dp-f _alit-ct _fw-w">
 			<button class="nm-button" onclick={upgradeCdn}>Add CDN (DDoS Protection)</button>
 		</div>