From d7fdcd0dfe5df2e3b9d5d8735920d5d13bdfc901 Mon Sep 17 00:00:00 2001
From: Danil Shishkevich <44939683+shishkevichd@users.noreply.github.com>
Date: Sat, 25 Mar 2023 20:11:27 +0700
Subject: [PATCH] fix: disable button if messageContent is empty (#137)

---
 components/Chat/ChatMessage.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/Chat/ChatMessage.tsx b/components/Chat/ChatMessage.tsx
index 5b1d27d..75481c2 100644
--- a/components/Chat/ChatMessage.tsx
+++ b/components/Chat/ChatMessage.tsx
@@ -84,8 +84,9 @@ export const ChatMessage: FC<Props> = ({ message, messageIndex, lightMode, onEdi
 
                   <div className="flex mt-10 justify-center space-x-4">
                     <button
-                      className="h-[40px] bg-blue-500 text-white rounded-md px-4 py-1 text-sm font-medium hover:bg-blue-600"
+                      className="h-[40px] bg-blue-500 text-white rounded-md px-4 py-1 text-sm font-medium enabled:hover:bg-blue-600 disabled:opacity-50"
                       onClick={handleEditMessage}
+                      disabled={messageContent.trim().length <= 0}
                     >
                       Save & Submit
                     </button>