From 933c1634e8914da48d75c03d7a181c2942af1c9c Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Fri, 31 Mar 2023 19:24:56 +0800
Subject: [PATCH] fix: ssl field selected state

---
 src/components/CreateConnectionModal.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/CreateConnectionModal.tsx b/src/components/CreateConnectionModal.tsx
index e59905b..21affa1 100644
--- a/src/components/CreateConnectionModal.tsx
+++ b/src/components/CreateConnectionModal.tsx
@@ -69,6 +69,7 @@ const CreateConnectionModal = (props: Props) => {
       } else {
         setSSLType("none");
       }
+      setSelectedSSLField("ca");
       setIsRequesting(false);
       setShowDeleteConnectionModal(false);
     }
@@ -91,6 +92,7 @@ const CreateConnectionModal = (props: Props) => {
       ...connection,
       ssl,
     });
+    setSelectedSSLField("ca");
   }, [sslType]);
 
   const setPartialConnection = (state: Partial<Connection>) => {
@@ -297,7 +299,7 @@ const CreateConnectionModal = (props: Props) => {
                   <div className="text-sm space-x-3 mb-2">
                     <span
                       className={`leading-6 pb-1 border-b-2 border-transparent cursor-pointer opacity-60 hover:opacity-80 ${
-                        selectedSSLField === "ca" && " border-indigo-600 opacity-100"
+                        selectedSSLField === "ca" && "!border-indigo-600 !opacity-100"
                       } `}
                       onClick={() => setSelectedSSLField("ca")}
                     >
@@ -307,7 +309,7 @@ const CreateConnectionModal = (props: Props) => {
                       <>
                         <span
                           className={`leading-6 pb-1 border-b-2 border-transparent cursor-pointer opacity-60 hover:opacity-80 ${
-                            selectedSSLField === "key" && " border-indigo-600 opacity-100"
+                            selectedSSLField === "key" && "!border-indigo-600 !opacity-100"
                           }`}
                           onClick={() => setSelectedSSLField("key")}
                         >
@@ -315,7 +317,7 @@ const CreateConnectionModal = (props: Props) => {
                         </span>
                         <span
                           className={`leading-6 pb-1 border-b-2 border-transparent cursor-pointer opacity-60 hover:opacity-80 ${
-                            selectedSSLField === "cert" && " border-indigo-600 opacity-100"
+                            selectedSSLField === "cert" && "!border-indigo-600 !opacity-100"
                           }`}
                           onClick={() => setSelectedSSLField("cert")}
                         >