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 () => { const startLogs = async () => {
setLogs([formatLogMessage("Initializing freqsplit")]); setLogs([formatLogMessage("Initializing freqsplit")]);
setTimeout(() => { setLogs((prevLogs) => [
setLogs((prevLogs) => [...prevLogs, formatLogMessage("Connecting to server")]); ...prevLogs,
formatLogMessage("Connecting to server"),
]);
// Send GET request to /api/ping axios
axios.get("/api/ping") .get("/api/ping")
.then((ping_resp) => { .then((ping_resp) => {
if (ping_resp.status === 200) { if (ping_resp.status === 200) {
setTimeout(() => { setLogs((prevLogs) => [
setLogs((prevLogs) => [...prevLogs, formatLogMessage("Connection established successfully")]); ...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); setInputEnabled(true);
}, 80); } else {
} else { setTimeout(checkWebSocketConnection, 100);
setLogs((prevLogs) => [...prevLogs, formatLogMessage("Failed to connect to server")]); }
} };
})
.catch(() => { checkWebSocketConnection();
setLogs((prevLogs) => [...prevLogs, formatLogMessage("Failed to connect to server")]); } else {
}); setLogs((prevLogs) => [
}, 90); ...prevLogs,
formatLogMessage("Failed to connect to server"),
]);
}
})
.catch(() => {
setLogs((prevLogs) => [
...prevLogs,
formatLogMessage("Failed to connect to server"),
]);
});
}; };
startLogs(); startLogs();
}, []); }, [isConnected]);
const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => { const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {
e.preventDefault(); e.preventDefault();