From 5244a2875e0467a79d3e957b40b6c52b6e77f5cf Mon Sep 17 00:00:00 2001
From: Chief Bube <ebube.ojinta@chiefsoft.com>
Date: Tue, 24 Oct 2023 08:18:32 -0700
Subject: [PATCH 1/2] Interest Popup Fix

---
 .../MarketPlace/PopUp/MarketPopUp.jsx         | 45 +++++++++----------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/src/components/MarketPlace/PopUp/MarketPopUp.jsx b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
index f9d4a42..3910711 100644
--- a/src/components/MarketPlace/PopUp/MarketPopUp.jsx
+++ b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
@@ -48,20 +48,14 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
           return;
         }
 
-        toast.success("Message sent", {
-          autoClose: 2500,
-          hideProgressBar: true,
-        });
-
         setMarketMsg({ data: marketMessageRes, state: true });
-        setTimeout(() => onClose(), 2000);
       } catch (error) {
         throw new Error(error);
       } finally {
         setTimeout(() => {
           setTextValue("");
-          setMarketMsg({ loading: false });
-        }, 2000);
+          setMarketMsg({ loading: false, state: false });
+        }, 5000);
       }
     };
 
@@ -209,25 +203,30 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
                   onChange={handleInputChange}
                 />
               </div>
-              <button
-                className="self-end w-[150px] h-[48px] rounded-full text-base bg-yellow-500 text-white"
-                name="market-message"
-                onClick={MarketDetail}
-              >
-                {marketMsg.loading ? (
-                  <LoadingSpinner size={5} color="white" />
-                ) : !marketMsg.state ? (
-                  "Send Message"
-                ) : (
-                  "Message Sent"
-                )}
-              </button>
+              <div className="relative flex w-full justify-end">
+                <span className="text-sm text-[#57cd89] absolute left-[8rem] top-4">
+                  {marketMsg.state && "Message Sent!"}
+                </span>
+                <button
+                  className="self-end w-[150px] h-[48px] rounded-full text-base bg-yellow-500 text-white"
+                  name="market-message"
+                  onClick={MarketDetail}
+                >
+                  {marketMsg.loading ? (
+                    <LoadingSpinner size={5} color="white" />
+                  ) : !marketMsg.state ? (
+                    "Send Message"
+                  ) : (
+                    "Message Sent"
+                  )}
+                </button>
+              </div>
             </div>
           </div>
 
           <div className="w-full md:w-[23%] h-full flex flex-col">
-            <div className="mx-auto bg-[#f1f8ff] dark:bg-[#C2C8D3] p-4 rounded-md md:min-h-[420px] flex flex-col justify-between">
-              <div className="w-full flex flex-col justify-center py-4 gap-2">
+            <div className="mx-auto bg-[#f1f8ff] dark:bg-[#C2C8D3] px-4 rounded-md md:min-h-[420px] flex flex-col justify-between">
+              <div className="w-full flex flex-col justify-center pb-4 gap-2">
                 <p className="w-full text-slate-900 tracking-wide my-1 font-semibold">
                   Interested in the task?
                 </p>

From 25a537c5bcee81d0f0f52ce2936d172d4742e991 Mon Sep 17 00:00:00 2001
From: Chief Bube <ebube.ojinta@chiefsoft.com>
Date: Tue, 24 Oct 2023 08:25:52 -0700
Subject: [PATCH 2/2] changed duplicate

---
 src/components/MarketPlace/PopUp/MarketPopUp.jsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/MarketPlace/PopUp/MarketPopUp.jsx b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
index 3910711..38ba43d 100644
--- a/src/components/MarketPlace/PopUp/MarketPopUp.jsx
+++ b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
@@ -214,10 +214,8 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
                 >
                   {marketMsg.loading ? (
                     <LoadingSpinner size={5} color="white" />
-                  ) : !marketMsg.state ? (
-                    "Send Message"
                   ) : (
-                    "Message Sent"
+                    "Send Message"
                   )}
                 </button>
               </div>