From 8abe815c20630e68640944ce0ff9bc3d2be88c94 Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Sun, 22 Sep 2024 20:55:07 +0530
Subject: [PATCH] fix: lint warning by typecasting.

---
 .../backups/createPolicy.svelte                | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 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 e57c54d57..6a786b2ab 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
@@ -117,6 +117,10 @@
         showCustomPolicy = false;
     };
 
+    const markPolicyChecked = (event: Event, policy: UserBackupPolicy) => {
+        policy.checked = (event.target as HTMLInputElement).checked;
+    };
+
     $: customPolicyDescription = (policy: UserBackupPolicy) => {
         return backupPolicyDescription(
             policy.plainTextFrequency,
@@ -162,8 +166,7 @@
                             <div class="u-flex u-gap-8 body-text-2">
                                 <InputCheckbox
                                     id={index.toString()}
-                                    on:change={(event) =>
-                                        (policy.checked = event.target.checked)} />
+                                    on:change={(event) => markPolicyChecked(event, policy)} />
 
                                 <div class="u-flex-vertical u-gap-4">
                                     <div class="u-flex u-gap-4">
@@ -391,8 +394,7 @@
                             <div class="u-flex u-gap-8 body-text-2">
                                 <InputCheckbox
                                     id={index.toString()}
-                                    on:change={(event) =>
-                                        (policy.checked = event.target.checked)} />
+                                    on:change={(event) => markPolicyChecked(event, policy)} />
 
                                 <div class="u-flex-vertical u-gap-4">
                                     <div class="u-flex u-gap-4">
@@ -602,10 +604,18 @@
         background: #fafafb;
     }
 
+    /*.policy-default-custom-card.checked {*/
+    /*    border: solid .0625rem hsl(var(--color-neutral-80))*/
+    /*}*/
+
     :global(.theme-dark) .policy-default-custom-card {
         background: #232325;
     }
 
+    /*:global(.theme-dark) .policy-default-custom-card.checked {*/
+    /*    border: solid .0625rem hsl(var(--color-neutral-10))*/
+    /*}*/
+
     .inline-tag {
         text-align: center;
         font-style: normal;