From c1d537c114289132c5e268f05d7276601fe5881b Mon Sep 17 00:00:00 2001
From: Fang-Pen Lin <hello@fangpenlin.com>
Date: Wed, 3 Dec 2025 14:23:17 -0800
Subject: [PATCH] Adjust ui

---
 .../shared/KubernetesResourceFields.tsx       | 64 ++++++++++---------
 1 file changed, 33 insertions(+), 31 deletions(-)

diff --git a/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/shared/KubernetesResourceFields.tsx b/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/shared/KubernetesResourceFields.tsx
index 28795b663..f61bd14f5 100644
--- a/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/shared/KubernetesResourceFields.tsx
+++ b/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/shared/KubernetesResourceFields.tsx
@@ -1,6 +1,8 @@
 import { Controller, useFormContext } from "react-hook-form";
+import { faQuestionCircle } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-import { FormControl, Input, Switch, TextArea } from "@app/components/v2";
+import { FormControl, Input, Switch, TextArea, Tooltip } from "@app/components/v2";
 
 export const KubernetesResourceFields = () => {
   const { control, watch } = useFormContext();
@@ -23,36 +25,6 @@ export const KubernetesResourceFields = () => {
             </FormControl>
           )}
         />
-        <Controller
-          name="connectionDetails.namespace"
-          control={control}
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              errorText={error?.message}
-              isError={Boolean(error?.message)}
-              label="Namespace"
-            >
-              <Input placeholder="default" {...field} />
-            </FormControl>
-          )}
-        />
-        <Controller
-          name="connectionDetails.skipTLSVerify"
-          control={control}
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error?.message)} errorText={error?.message}>
-              <Switch
-                className="bg-mineshaft-400/50 shadow-inner data-[state=checked]:bg-green/80"
-                id="skip-tls-verify"
-                thumbClassName="bg-mineshaft-800"
-                isChecked={value}
-                onCheckedChange={onChange}
-              >
-                Skip TLS Verification
-              </Switch>
-            </FormControl>
-          )}
-        />
         <Controller
           name="connectionDetails.caCertificate"
           control={control}
@@ -73,6 +45,36 @@ export const KubernetesResourceFields = () => {
             </FormControl>
           )}
         />
+        <Controller
+          name="connectionDetails.sslRejectUnauthorized"
+          control={control}
+          render={({ field: { value, onChange }, fieldState: { error } }) => (
+            <FormControl isError={Boolean(error?.message)} errorText={error?.message}>
+              <Switch
+                className="bg-mineshaft-400/50 shadow-inner data-[state=checked]:bg-green/80"
+                id="ssl-reject-unauthorized"
+                thumbClassName="bg-mineshaft-800"
+                isChecked={value}
+                onCheckedChange={onChange}
+              >
+                <p className="w-38">
+                  Reject Unauthorized
+                  <Tooltip
+                    className="max-w-md"
+                    content={
+                      <p>
+                        If enabled, Infisical will only connect to the server if it has a valid,
+                        trusted SSL certificate.
+                      </p>
+                    }
+                  >
+                    <FontAwesomeIcon icon={faQuestionCircle} size="sm" className="ml-1" />
+                  </Tooltip>
+                </p>
+              </Switch>
+            </FormControl>
+          )}
+        />
       </div>
     </div>
   );