From 599340a53d317e49e65e0d2d61fbc2eb9066714b Mon Sep 17 00:00:00 2001
From: vilm3r <vilm3r@protonmail.com>
Date: Sun, 18 Dec 2022 18:07:15 -0600
Subject: [PATCH] feat: add textarea placeholder

---
 src/views/receive/index.tsx | 3 ++-
 src/views/send/index.tsx    | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/views/receive/index.tsx b/src/views/receive/index.tsx
index 71611f0..cddf8a5 100644
--- a/src/views/receive/index.tsx
+++ b/src/views/receive/index.tsx
@@ -17,9 +17,10 @@ const Message = ({ message, onChange }: MessageProps) => {
     <section className="p-4">
       <div className="border-0">
         <textarea
-          className="bg-custom-green-dark border-2 border-custom-black rounded w-full min-h-[100px] max-h-[700px]"
+          className="bg-custom-green-dark border-2 border-custom-black rounded w-full min-h-[100px] max-h-[700px] placeholder-gray-50 p-1"
           value={message}
           onChange={(e) => onChange(e.currentTarget.value || "")}
+          placeholder="Start typing here..."
         />
       </div>
     </section>
diff --git a/src/views/send/index.tsx b/src/views/send/index.tsx
index b826d79..2308ca4 100644
--- a/src/views/send/index.tsx
+++ b/src/views/send/index.tsx
@@ -22,9 +22,10 @@ const Message = ({ message, onChange }: MessageProps) => {
     <section className="p-4">
       <div className="border-0">
         <textarea
-          className="bg-custom-green-dark border-2 border-custom-black rounded w-full min-h-[100px] max-h-[700px]"
+          className="bg-custom-green-dark border-2 border-custom-black rounded w-full min-h-[100px] max-h-[700px] placeholder-gray-50 p-1"
           value={message}
           onChange={(e) => onChange(e.currentTarget.value || "")}
+          placeholder="Start typing here..."
         />
       </div>
     </section>