From 70aa3b1ff1435f0ede7ecd614fc54743f14a87a9 Mon Sep 17 00:00:00 2001
From: QuantuM410 <kartikeys410@gmail.com>
Date: Thu, 5 Oct 2023 20:01:30 +0530
Subject: [PATCH] Added css attribute placeholder for search div

---
 frontend/src/conversation/Conversation.tsx | 1 +
 frontend/src/index.css                     | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index b110ec19..2933dedb 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -149,6 +149,7 @@ export default function Conversation() {
         <div className="flex w-full">
           <div
             ref={inputRef}
+            placeholder="Type your message here..."
             contentEditable
             onPaste={handlePaste}
             className={`border-000000 overflow-x-hidden; max-h-24 min-h-[2.6rem] w-full overflow-y-auto whitespace-pre-wrap rounded-xl border bg-white py-2 pl-4 pr-9 leading-7 opacity-100 focus:outline-none`}
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 1b6d459d..256367b4 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -358,3 +358,9 @@ template {
 [hidden] {
   display: none;
 }
+
+[contentEditable]:empty:before {
+  content: attr(placeholder);
+  color: #9ca3af;
+  opacity: 1;
+}