From 031173bbb43e29a98bf8a39845b8fd8acad9885b Mon Sep 17 00:00:00 2001
From: Eva Ho <eva.ho@infrahq.com>
Date: Fri, 11 Nov 2022 14:34:31 -0500
Subject: [PATCH] fix: checkbox check does not show when it is checked

---
 ui/pages/providers/add.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/ui/pages/providers/add.js b/ui/pages/providers/add.js
index d8fb8fd17e..a8bd5abfdf 100644
--- a/ui/pages/providers/add.js
+++ b/ui/pages/providers/add.js
@@ -373,19 +373,20 @@ export default function ProvidersAddDetails() {
                   </p>
                 )}
               </div>
-              <div>
+              <div className='group'>
                 <input
                   name='scim-checkbox'
                   type='checkbox'
-                  value=''
-                  class='h-4 w-4 rounded border-gray-300 bg-gray-100 text-blue-600 focus:ring-2 focus:ring-blue-500'
+                  checked={enableSCIM}
+                  class='h-4 w-4 rounded border-gray-300 bg-gray-100 text-blue-600 hover:cursor-pointer focus:ring-2 focus:ring-blue-500'
                   onChange={() => {
                     setEnableSCIM(!enableSCIM)
                   }}
                 />
                 <label
                   htmlFor='scim-checkbox'
-                  className='ml-2 text-sm font-medium'
+                  className='ml-2 text-sm font-medium group-hover:cursor-pointer'
+                  onClick={() => setEnableSCIM(!enableSCIM)}
                 >
                   Enable SCIM
                 </label>