fix: checkbox check does not show when it is checked

infrahq · Nov 11, 2022 · 031173b · 031173b
1 parent 2e3b53b
commit 031173b
Showing 1 changed file with 5 additions and 4 deletions.
diff --git 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>