diff --git a/packages/client/src/routes/+page.svelte b/packages/client/src/routes/+page.svelte
index 4f5ca91..43ca8ee 100644
--- a/packages/client/src/routes/+page.svelte
+++ b/packages/client/src/routes/+page.svelte
@@ -23,7 +23,6 @@
import { env } from '$env/dynamic/public';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '$lib/components/ui/tooltip';
import { dev } from '$app/environment';
- import { toast } from 'svelte-sonner';
// connection state
let ws = $state
(undefined); // websocket client
@@ -79,7 +78,6 @@
socket.onopen = () => {
console.log('WebSocket connection established.');
ws = socket;
- isSending = false
};
// register message handlers
@@ -107,15 +105,13 @@
// our message was successfully delivered
case MessageType.delivery_success:
sentMessages = [message, ...sentMessages];
- toast.success("Message delivered successfully")
isSending = false
break;
// message from server due to delivery error
case MessageType.delivery_error:
deliveryError = message.payload.error;
- toast.error(deliveryError);
- isSending = false
+ setTimeout(() => deliveryError = '', 5000); // Clear error after 5 seconds
break;
}
};
@@ -284,6 +280,9 @@
Send Message
+ {#if deliveryError}
+ {deliveryError}
+ {/if}
{:else if connectionState === ConnectionState.disconnected}