From e0c3260ef946cc6f44fbe9e15746dde0adc20092 Mon Sep 17 00:00:00 2001
From: Loi Phan <loi.phan@asnet.com.vn>
Date: Wed, 20 Aug 2025 16:56:20 +0700
Subject: [PATCH] update the style

---
 src/components/WebSocketDemo.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/WebSocketDemo.tsx b/src/components/WebSocketDemo.tsx
index 25dd948..ecb50ca 100644
--- a/src/components/WebSocketDemo.tsx
+++ b/src/components/WebSocketDemo.tsx
@@ -32,7 +32,7 @@ export default function WebSocketDemo() {
     }
 
     setConnectionStatus('Connecting...');
-    ws.current = new WebSocket('ws://localhost:8080');
+    ws.current = new WebSocket('ws://fat-cobra-50.deno.dev');
 
     ws.current.onopen = () => {
       setIsConnected(true);
@@ -148,7 +148,7 @@ export default function WebSocketDemo() {
           placeholder="Enter your name (optional)"
           value={senderName}
           onChange={(e) => setSenderName(e.target.value)}
-          className="w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+          className="w-full p-3 border border-gray-300 text-black rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
         />
       </div>
 
@@ -190,7 +190,7 @@ export default function WebSocketDemo() {
           disabled={!isConnected}
           className={`flex-1 p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 ${
             !isConnected ? 'bg-gray-100 cursor-not-allowed' : ''
-          }`}
+          } text-black`}
         />
         <button
           onClick={sendMessage}