Fixed button position

This commit is contained in:
2023-10-24 18:48:17 -07:00
parent 87512bbc23
commit b5e52fb34e
@@ -52,8 +52,8 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
} catch (error) { } catch (error) {
throw new Error(error); throw new Error(error);
} finally { } finally {
setTextValue("");
setTimeout(() => { setTimeout(() => {
setTextValue("");
setMarketMsg({ loading: false, state: false }); setMarketMsg({ loading: false, state: false });
}, 5000); }, 5000);
} }
@@ -195,15 +195,17 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
If you have any questions about this task: If you have any questions about this task:
</label> </label>
<textarea <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" rows="3"
style={{ resize: "none" }} style={{ resize: "none" }}
placeholder="Enter message here ..." placeholder="Enter message here ..."
value={textValue} value={marketMsg.loading ? "Sending..." : textValue}
onChange={handleInputChange} onChange={handleInputChange}
/> />
</div> </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"> <span className="text-sm text-[#57cd89] absolute left-[8rem] top-4">
{marketMsg.state && "Message Sent!"} {marketMsg.state && "Message Sent!"}
</span> </span>