opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-07-29 02:04:48 +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: "", username: "",
password: "", password: "",
}); });
const [isRequesting, setIsRequesting] = useState(false);
const showDatabaseField = connection.engineType === Engine.PostgreSQL; const showDatabaseField = connection.engineType === Engine.PostgreSQL;
const setPartialConnection = (state: Partial<Connection>) => { const setPartialConnection = (state: Partial<Connection>) => {
@ -32,11 +33,17 @@ const CreateConnectionModal = (props: Props) => {
}; };
const handleCreateConnection = async () => { const handleCreateConnection = async () => {
if (isRequesting) {
return;
}
setIsRequesting(true);
const connectionCreate = cloneDeep(connection); const connectionCreate = cloneDeep(connection);
if (!showDatabaseField) { if (!showDatabaseField) {
connectionCreate.database = undefined; connectionCreate.database = undefined;
} }
const result = await testConnection(connectionCreate); const result = await testConnection(connectionCreate);
setIsRequesting(false);
if (!result) { if (!result) {
toast.error("Failed to connect"); toast.error("Failed to connect");
return; return;
@ -122,7 +129,7 @@ const CreateConnectionModal = (props: Props) => {
<button className="btn btn-outline" onClick={close}> <button className="btn btn-outline" onClick={close}>
Close Close
</button> </button>
<button className="btn" onClick={handleCreateConnection}> <button className="btn" disabled={isRequesting} onClick={handleCreateConnection}>
Save Save
</button> </button>
</div> </div>