From 1a3523e1623ea1da47ff728016daa36f6879da76 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 18 Aug 2023 23:54:33 +0200
Subject: [PATCH] fix: domains

---
 src/lib/pages/domains/delete.svelte           |  3 +-
 src/lib/pages/domains/index.svelte            | 31 +++++++------------
 .../pages/domains/wizard/cnameTable.svelte    |  2 +-
 3 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/lib/pages/domains/delete.svelte b/src/lib/pages/domains/delete.svelte
index b9a8a9ac6..a408cf719 100644
--- a/src/lib/pages/domains/delete.svelte
+++ b/src/lib/pages/domains/delete.svelte
@@ -41,7 +41,8 @@
     <svelte:fragment slot="header">Delete Domain</svelte:fragment>
     {#if selectedDomain}
         <p data-private>
-            Are you sure you want to delete <b>{selectedDomain.domain}</b>?
+            Are you sure you want to delete <b>{selectedDomain.domain}</b>? You will no longer be
+            able to execute your function by visiting this domain.
         </p>
     {/if}
     <svelte:fragment slot="footer">
diff --git a/src/lib/pages/domains/index.svelte b/src/lib/pages/domains/index.svelte
index 146050814..722272c92 100644
--- a/src/lib/pages/domains/index.svelte
+++ b/src/lib/pages/domains/index.svelte
@@ -92,20 +92,18 @@
                         {#if domain.status === 'created'}
                             <div class="u-flex u-gap-8 u-cross-center">
                                 <span
-                                    class="icon-x-circle"
-                                    aria-hidden="true"
-                                    style="color: hsl(var(--color-danger-100))" />
+                                    class="icon-x-circle u-color-text-danger"
+                                    aria-hidden="true" />
                                 <span class="u-text">Failed</span>
-                                <Button text on:click={() => openRetry(domain)}>
+                                <button on:click={() => openRetry(domain)}>
                                     <span class="link">Retry</span>
-                                </Button>
+                                </button>
                             </div>
                         {:else}
                             <div class="u-flex u-gap-8 u-cross-center">
                                 <span
-                                    class="icon-check-circle"
-                                    aria-hidden="true"
-                                    style="color: hsl(var(--color-success-100))" />
+                                    class="icon-check-circle u-color-text-success"
+                                    aria-hidden="true" />
                                 <p class="u-stretch">Verified</p>
                             </div>
                         {/if}
@@ -114,30 +112,25 @@
                         {#if domain.status === 'unverified'}
                             <div class="u-flex u-gap-8 u-cross-center">
                                 <span
-                                    class="icon-x-circle"
-                                    aria-hidden="true"
-                                    style="color: hsl(var(--color-danger-100))" />
+                                    class="icon-x-circle u-color-text-danger"
+                                    aria-hidden="true" />
                                 <p class="u-stretch">Failed</p>
                             </div>
                         {:else if domain.status === 'verified'}
                             <div class="u-flex u-gap-8 u-cross-center">
                                 <span
-                                    class="icon-check-circle"
-                                    aria-hidden="true"
-                                    style="color: hsl(var(--color-success-100))" />
+                                    class="icon-check-circle u-color-text-success"
+                                    aria-hidden="true" />
                                 <span>Generated</span>
                                 {#if domain.renewAt}
-                                    <span style="color: hsl(var(--color-neutral-70));">
+                                    <span class="u-text-color-gray">
                                         Auto-renewal: {toLocaleDate(domain.renewAt)}
                                     </span>
                                 {/if}
                             </div>
                         {:else}
                             <div class="u-flex u-gap-8 u-cross-center">
-                                <span
-                                    class="icon-clock"
-                                    aria-hidden="true"
-                                    style="color: hsl(var(--color-neutral-50))" />
+                                <span class="icon-clock u-text-color-gray" aria-hidden="true" />
                                 <p class="u-stretch">Waiting to run</p>
                             </div>
                         {/if}
diff --git a/src/lib/pages/domains/wizard/cnameTable.svelte b/src/lib/pages/domains/wizard/cnameTable.svelte
index 28d262398..3afcbf5e0 100644
--- a/src/lib/pages/domains/wizard/cnameTable.svelte
+++ b/src/lib/pages/domains/wizard/cnameTable.svelte
@@ -18,7 +18,7 @@
     $: cnameValue = $domain.domain.replace('.' + registerable, '');
 </script>
 
-<Table noMargin>
+<Table noMargin noStyles>
     <TableHeader>
         <TableCellHead>Type</TableCellHead>
         <TableCellHead>Name</TableCellHead>