From b5e52fb34e9d86c27313c3603e3893fce178a29b Mon Sep 17 00:00:00 2001
From: Chief Bube <ebube.ojinta@chiefsoft.com>
Date: Tue, 24 Oct 2023 18:48:17 -0700
Subject: [PATCH 1/3] Fixed button position

---
 src/components/MarketPlace/PopUp/MarketPopUp.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/MarketPlace/PopUp/MarketPopUp.jsx b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
index 38ba43d..28f4bed 100644
--- a/src/components/MarketPlace/PopUp/MarketPopUp.jsx
+++ b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
@@ -52,8 +52,8 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
       } catch (error) {
         throw new Error(error);
       } finally {
+        setTextValue("");
         setTimeout(() => {
-          setTextValue("");
           setMarketMsg({ loading: false, state: false });
         }, 5000);
       }
@@ -195,15 +195,17 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
                   If you have any questions about this task:
                 </label>
                 <textarea
-                  className={`p-1 w-full text-sm text-slate-900 dark:text-white bg-transparent outline-none border-2 border-slate-300 rounded-md`}
+                  className={`p-1 w-full text-sm text-slate-900 dark:text-white ${
+                    marketMsg.loading && "italic #9CA3AF"
+                  } bg-transparent outline-none border-2 border-slate-300 rounded-md`}
                   rows="3"
                   style={{ resize: "none" }}
                   placeholder="Enter message here ..."
-                  value={textValue}
+                  value={marketMsg.loading ? "Sending..." : textValue}
                   onChange={handleInputChange}
                 />
               </div>
-              <div className="relative flex w-full justify-end">
+              <div className="relative flex w-full justify-end mt-0 sm:mt-[1.4rem]">
                 <span className="text-sm text-[#57cd89] absolute left-[8rem] top-4">
                   {marketMsg.state && "Message Sent!"}
                 </span>

From 2a445fd2d41696d752277666eb1e50e778f2c592 Mon Sep 17 00:00:00 2001
From: Chief Bube <ebube.ojinta@chiefsoft.com>
Date: Tue, 24 Oct 2023 18:55:37 -0700
Subject: [PATCH 2/3] tiny feature added

---
 src/components/MarketPlace/PopUp/MarketPopUp.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/MarketPlace/PopUp/MarketPopUp.jsx b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
index 28f4bed..4be1f6e 100644
--- a/src/components/MarketPlace/PopUp/MarketPopUp.jsx
+++ b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
@@ -52,7 +52,9 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
       } catch (error) {
         throw new Error(error);
       } finally {
-        setTextValue("");
+        setTimeout(() => {
+          setTextValue("");
+        }, 2000);
         setTimeout(() => {
           setMarketMsg({ loading: false, state: false });
         }, 5000);
@@ -196,7 +198,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
                 </label>
                 <textarea
                   className={`p-1 w-full text-sm text-slate-900 dark:text-white ${
-                    marketMsg.loading && "italic #9CA3AF"
+                    marketMsg.loading && "italic text-[#9CA3AF]"
                   } bg-transparent outline-none border-2 border-slate-300 rounded-md`}
                   rows="3"
                   style={{ resize: "none" }}

From a2340af314ad1b3f0377cbb6bac7c65e7b39e6eb Mon Sep 17 00:00:00 2001
From: Chief Bube <ebube.ojinta@chiefsoft.com>
Date: Tue, 24 Oct 2023 19:09:09 -0700
Subject: [PATCH 3/3] tiny bug fix and checker added

---
 src/components/MarketPlace/PopUp/MarketPopUp.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/MarketPlace/PopUp/MarketPopUp.jsx b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
index 4be1f6e..1f3bc7b 100644
--- a/src/components/MarketPlace/PopUp/MarketPopUp.jsx
+++ b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
@@ -7,6 +7,10 @@ import LoadingSpinner from "../../Spinners/LoadingSpinner";
 
 const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
   const [textValue, setTextValue] = useState("");
+  const [errMsg, setErrMsg] = useState({
+    market: false,
+    manage: false,
+  });
   const apiCall = useMemo(() => new usersService(), []);
 
   const handleInputChange = ({ target: { value } }) => {
@@ -50,13 +54,14 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
 
         setMarketMsg({ data: marketMessageRes, state: true });
       } catch (error) {
+        setErrMsg({ market: true });
+        setMarketMsg({ loading: false, state: false });
         throw new Error(error);
       } finally {
-        setTimeout(() => {
-          setTextValue("");
-        }, 2000);
+        setTextValue("");
         setTimeout(() => {
           setMarketMsg({ loading: false, state: false });
+          setErrMsg({ market: false });
         }, 5000);
       }
     };
@@ -210,6 +215,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
               <div className="relative flex w-full justify-end mt-0 sm:mt-[1.4rem]">
                 <span className="text-sm text-[#57cd89] absolute left-[8rem] top-4">
                   {marketMsg.state && "Message Sent!"}
+                  {errMsg.market && "Something went wrong"}
                 </span>
                 <button
                   className="self-end w-[150px] h-[48px] rounded-full text-base bg-yellow-500 text-white"