joel/freqsplit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

do not enable input if websocket connection failed

Browse Source
This commit is contained in:
Joel Mathew Thomas
2025-03-20 18:45:07 +05:30
parent 0d2ecc9d3d
commit cab21ad495
1 changed files with 43 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/Pages/UploadPage.tsx
+43 -18
View File
@@ -35,29 +35,54 @@ function UploadPage() {
const startLogs = async () => {
setLogs([formatLogMessage("Initializing freqsplit")]);
setTimeout(() => {
setLogs((prevLogs) => [...prevLogs, formatLogMessage("Connecting to server")]);
setLogs((prevLogs) => [
...prevLogs,
formatLogMessage("Connecting to server"),
]);
// Send GET request to /api/ping
axios.get("/api/ping")
.then((ping_resp) => {
if (ping_resp.status === 200) {
setTimeout(() => {
setLogs((prevLogs) => [...prevLogs, formatLogMessage("Connection established successfully")]);
axios
.get("/api/ping")
.then((ping_resp) => {
if (ping_resp.status === 200) {
setLogs((prevLogs) => [
...prevLogs,
formatLogMessage("Connection established successfully"),
]);
setLogs((prevLogs) => [
...prevLogs,
formatLogMessage("Waiting for WebSocket connection"),
]);
const checkWebSocketConnection = () => {
if (isConnected) {
setLogs((prevLogs) => [
...prevLogs,
formatLogMessage("WebSocket connected"),
]);
setInputEnabled(true);
}, 80);
} else {
setLogs((prevLogs) => [...prevLogs, formatLogMessage("Failed to connect to server")]);
}
})
.catch(() => {
setLogs((prevLogs) => [...prevLogs, formatLogMessage("Failed to connect to server")]);
});
}, 90);
} else {
setTimeout(checkWebSocketConnection, 100);
}
};
checkWebSocketConnection();
} else {
setLogs((prevLogs) => [
...prevLogs,
formatLogMessage("Failed to connect to server"),
]);
}
})
.catch(() => {
setLogs((prevLogs) => [
...prevLogs,
formatLogMessage("Failed to connect to server"),
]);
});
};
startLogs();
}, []);
}, [isConnected]);
const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {
e.preventDefault();