From db698caa5e783abbacbb711227b84e3a917f4abe Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Wed, 25 Sep 2024 14:19:06 +0530
Subject: [PATCH] update: policy pricing view.

---
 .../backups/createPolicy.svelte               | 35 +++++++------------
 .../database-[database]/backups/store.ts      |  2 +-
 2 files changed, 14 insertions(+), 23 deletions(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/backups/createPolicy.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/backups/createPolicy.svelte
index ada1d3562..f9636912f 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/backups/createPolicy.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/backups/createPolicy.svelte
@@ -159,11 +159,7 @@
                                 on:change={(event) => markPolicyChecked(event, policy)} />
 
                             <div class="u-flex-vertical u-gap-4">
-                                <div class="u-flex u-gap-4">
-                                    <h3 class="u-bold">{policy.label}</h3>
-                                    <span class="inline-tag">$20.00</span>
-                                </div>
-
+                                <h3 class="u-bold">{policy.label}</h3>
                                 {policy.description}
                             </div>
                         </div>
@@ -177,10 +173,7 @@
                         <div class="card policy-default-custom-card">
                             <div class="u-flex-vertical u-gap-4 body-text-2">
                                 <div class="u-flex u-main-space-between">
-                                    <div class="u-flex u-cross-center u-gap-4">
-                                        <h3 class="u-bold">{policy.label}</h3>
-                                        <span class="inline-tag">$20.00</span>
-                                    </div>
+                                    <h3 class="u-bold">{policy.label}</h3>
 
                                     <div class="u-flex u-gap-8">
                                         <Button
@@ -364,9 +357,18 @@
             {:else}
                 <div class="u-flex u-main-space-between u-padding-inline-4 u-width-full-line">
                     <button class="custom-policy-text" on:click={() => (showCustomPolicy = true)}
-                        >Custom policy
+                        >Create custom policy
                     </button>
-                    <span>Total: ${totalPolicies.length * policyPricing}.00</span>
+
+                    <div>
+                        <span>Total:</span>
+                        {#if totalPolicies.length}
+                            <span style="text-decoration: line-through;"
+                                >${totalPolicies.length * policyPricing}
+                                .00</span>
+                        {/if}
+                        <span>$0.00 until Nov 2024</span>
+                    </div>
                 </div>
             {/if}
         </div>
@@ -395,17 +397,6 @@
     /*    border: solid .0625rem hsl(var(--color-neutral-10))*/
     /*}*/
 
-    .inline-tag {
-        text-align: center;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 140%;
-        letter-spacing: -0.063px;
-        text-decoration-line: line-through;
-        font-size: var(--font-size-S, 14px);
-        font-family: var(--font-family-sansSerif, Inter);
-    }
-
     .custom-policy-text {
         color: #19191c;
         text-decoration: underline;
diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/backups/store.ts b/src/routes/(console)/project-[project]/databases/database-[database]/backups/store.ts
index 824910295..74a1fc0d9 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/backups/store.ts
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/backups/store.ts
@@ -1,7 +1,7 @@
 import { writable } from 'svelte/store';
 import type { UserBackupPolicy } from '$lib/helpers/backups';
 
-export const policyPricing = 0; //20;
+export const policyPricing = 20;
 
 export const presetPolicies = writable<UserBackupPolicy[]>([
     {