opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-09-26 01:23:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: ssl field selected state

Browse Source
This commit is contained in:
Steven
2023-03-31 19:24:56 +08:00
parent 2a9d3225b0
commit 933c1634e8
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/CreateConnectionModal.tsx
View File

@ -69,6 +69,7 @@ const CreateConnectionModal = (props: Props) => {
} else { } else {
setSSLType("none"); setSSLType("none");
} }
setSelectedSSLField("ca");
setIsRequesting(false); setIsRequesting(false);
setShowDeleteConnectionModal(false); setShowDeleteConnectionModal(false);
} }
@ -91,6 +92,7 @@ const CreateConnectionModal = (props: Props) => {
...connection, ...connection,
ssl, ssl,
}); });
setSelectedSSLField("ca");
}, [sslType]); }, [sslType]);
const setPartialConnection = (state: Partial<Connection>) => { const setPartialConnection = (state: Partial<Connection>) => {
@ -297,7 +299,7 @@ const CreateConnectionModal = (props: Props) => {
<div className="text-sm space-x-3 mb-2"> <div className="text-sm space-x-3 mb-2">
<span <span
className={`leading-6 pb-1 border-b-2 border-transparent cursor-pointer opacity-60 hover:opacity-80 ${ 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")} onClick={() => setSelectedSSLField("ca")}
> >
@ -307,7 +309,7 @@ const CreateConnectionModal = (props: Props) => {
<> <>
<span <span
className={`leading-6 pb-1 border-b-2 border-transparent cursor-pointer opacity-60 hover:opacity-80 ${ 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")} onClick={() => setSelectedSSLField("key")}
> >
@ -315,7 +317,7 @@ const CreateConnectionModal = (props: Props) => {
</span> </span>
<span <span
className={`leading-6 pb-1 border-b-2 border-transparent cursor-pointer opacity-60 hover:opacity-80 ${ 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")} onClick={() => setSelectedSSLField("cert")}
> >