opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-07-28 17:53:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: add request flag to create connection modal

Browse Source
This commit is contained in:
steven
2023-03-27 15:39:15 +08:00
parent 408e61e171
commit b79e702b5f
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/CreateConnectionModal.tsx
View File

@ -22,6 +22,7 @@ const CreateConnectionModal = (props: Props) => {
username: "",
password: "",
});
const [isRequesting, setIsRequesting] = useState(false);
const showDatabaseField = connection.engineType === Engine.PostgreSQL;
const setPartialConnection = (state: Partial<Connection>) => {
@ -32,11 +33,17 @@ const CreateConnectionModal = (props: Props) => {
};
const handleCreateConnection = async () => {
if (isRequesting) {
return;
}
setIsRequesting(true);
const connectionCreate = cloneDeep(connection);
if (!showDatabaseField) {
connectionCreate.database = undefined;
}
const result = await testConnection(connectionCreate);
setIsRequesting(false);
if (!result) {
toast.error("Failed to connect");
return;
@ -122,7 +129,7 @@ const CreateConnectionModal = (props: Props) => {
<button className="btn btn-outline" onClick={close}>
Close
</button>
<button className="btn" onClick={handleCreateConnection}>
<button className="btn" disabled={isRequesting} onClick={handleCreateConnection}>
Save
</button>
</div>